Giới thiệu về Dark Violet
Dark Violet (darkviolet) là một màu tím trung bình, rực rỡ, có mã hex #9400d3, hoặc rgb(148, 0, 211). Trong HSL, màu này có sắc độ 282°, độ bão hòa 100% và độ sáng 41%. Đâ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: darkviolet; thay cho giá trị hex.
Dùng Dark Violet cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Dark Violet trên nền trắng | 6.56 : 1 | AA |
| Chữ Dark Violet trên nền đen | 3.20 : 1 | Chỉ AA với chữ lớn |
Trên nền tím đậm, dùng chữ trắng (6.56 : 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 khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: darkviolet; /* or #9400d3 */
background-color: #9400d3;
border: 1px solid rgb(148 0 211 / 50%);
}Các màu có tên tương tự
Blue Violet (#8a2be2), Dark Orchid (#9932cc), Dark Magenta (#8b008b), Purple (#800080), Rebecca Purple (#663399), Medium Orchid (#ba55d3).
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 dark violet là gì?
#9400d3 — tương đương rgb(148, 0, 211) và hsl(282, 100%, 41%). Trong CSS, bạn cũng có thể viết trực tiếp darkviolet.
Chữ dark 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à 6.56 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Màu nào hợp với dark violet?
Màu bổ sung là #3fd100; các màu tương tự #2a00d1 và #d100a7 nằm cạnh nó trên bánh xe màu.