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àu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ magenta trên nền trắng | 3.14 : 1 | Chỉ đạt AA với chữ lớn |
| Chữ magenta trên nền đen | 6.70 : 1 | AA |
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).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.