Về Violet
Violet (violet) là màu magenta nhạt, rực rỡ, có mã hex #ee82ee, hoặc rgb(238, 130, 238). Trong HSL, màu này có sắc độ (hue) 300°, độ bão hòa 76% và độ sáng 72%. Đâ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: violet; thay vì mã hex.
Dùng Violet cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ violet trên nền trắng | 2.32 : 1 | không đạt |
| Chữ violet trên nền đen | 9.06 : 1 | AAA |
Trên nền violet, hãy dùng chữ đen (9.06 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Kiểm tra các cặp khác bằng Công cụ kiểm tra tương phản.
CSS
.element {
color: violet; /* or #ee82ee */
background-color: #ee82ee;
border: 1px solid rgb(238 130 238 / 50%);
}Các màu có tên tương tự
Hoa lan (Orchid) (#da70d6), Mận (Plum) (#dda0dd), Hồng đậm (Hot Pink) (#ff69b4), Kế (Thistle) (#d8bfd8), Hồng nhạt (Light Pink) (#ffb6c1), Hồng (Pink) (#ffc0cb).
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.
Câu hỏi thường gặp
Mã hex của violet là gì?
#ee82ee — tức là rgb(238, 130, 238) và hsl(300, 76%, 72%). Trong CSS, bạn cũng có thể viết trực tiếp violet.
Chữ violet trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 2.32 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Màu nào hợp với violet?
Màu bổ sung là #81ee81; các màu tương đồng #b881ee và #ee81b8 nằm cạnh nó trên vòng tròn màu.