Mã Màu Magenta (#ff00ff)

Magenta là #ff00ff ở dạng hex và rgb(255, 0, 255), một tông magenta trung bình. Dưới đây là đầy đủ các định dạng màu, sắc thái sáng và tối, phối màu, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Magenta
#ff00ff
Tên CSSmagenta (cũng gọi là fuchsia)
Hex#ff00ff
RGBrgb(255, 0, 255)
HSLhsl(300 100% 50%)
HWBhwb(300 0% 0%)
CMYK0%, 100%, 0%, 0%

Sắc thái sáng và tối

Phối màu

Về màu Magenta

Magenta (magenta) là một tông magenta trung bình, rực rỡ, có mã hex #ff00ff, hoặc rgb(255, 0, 255). Trong HSL, màu này có sắc độ 300°, độ bão hòa 100% và độ sáng 50%. CSS cũng chấp nhận cách viết fuchsia cho đúng màu này. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: magenta; thay vì giá trị hex.

Dùng Magenta cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ magenta trên nền trắng3.14 : 1Chỉ đạt AA với chữ lớn
Chữ magenta trên nền đen6.70 : 1AA

Khi dùng nền magenta, hãy dùng chữ đen (6.70 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Contrast Checker.

CSS

.element {
  color: magenta;               /* or #ff00ff */
  background-color: #ff00ff;
  border: 1px solid rgb(255 0 255 / 50%);
}

Tên màu có sẵn tương tự

Hồng đậm (Deep Pink) (#ff1493), Tím sẫm (Dark Violet) (#9400d3), Tía trung bình (Medium Orchid) (#ba55d3), Tía sẫm (Dark Orchid) (#9932cc), Tía lan (Orchid) (#da70d6), Tím xanh (Blue Violet) (#8a2be2).

Câu hỏi thường gặp

Mã hex của màu magenta là gì?
#ff00ff, tức là rgb(255, 0, 255) và hsl(300, 100%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết magenta.
Chữ magenta có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 3.14 : 1, chỉ đạt chuẩn cho chữ lớn (WCAG AA chữ lớn).
Những màu nào hợp với magenta?
Màu bổ sung của nó là #00ff00; các màu tương tự #8000ff và #ff0080 nằm cạnh nó trên vòng màu.