Về Dark Orchid
Dark Orchid (darkorchid) là một màu tím trung bình, rực rỡ, có mã hex #9932cc, hay rgb(153, 50, 204). Trong HSL, màu này có sắc độ 280°, độ bão hòa 61% và độ sáng 50%. Đâ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: darkorchid; thay vì giá trị hex.
Dùng Dark Orchid cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Dark Orchid trên nền trắng | 5.70 : 1 | AA |
| Chữ Dark Orchid trên nền đen | 3.68 : 1 | AA chỉ với chữ lớn |
Trên nền dark orchid, hãy dùng chữ trắng (5.70 : 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 màu khác bằng công cụ kiểm tra tương phản.
CSS
.element {
color: darkorchid; /* or #9932cc */
background-color: #9932cc;
border: 1px solid rgb(153 50 204 / 50%);
}
Tên màu có sẵn tương tự
Tím xanh (#8a2be2), Tím orchid trung bình (#ba55d3), Tím đậm (#9400d3), Xanh chàm nhạt (#6a5acd), Tím trung bình (#9370db), Xanh chàm trung bình (#7b68ee).
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.