Về màu Orchid
Orchid (orchid) là một màu hồng tím nhạt, độ bão hòa vừa phải, có mã hex #da70d6, hoặc rgb(218, 112, 214). Trong HSL, màu này có sắc độ 302°, độ bão hòa 59% và độ sáng 65%. Đâ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: orchid; thay vì giá trị hex.
Dùng Orchid cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Orchid trên nền trắng | 2.89 : 1 | không đạt |
| Chữ Orchid trên nền đen | 7.27 : 1 | AAA |
Trên nền orchid, hãy dùng chữ đen (7.27 : 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. Hãy 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: orchid; /* or #da70d6 */
background-color: #da70d6;
border: 1px solid rgb(218 112 214 / 50%);
}Các màu có tên tương tự
Violet (#ee82ee), Medium Orchid (#ba55d3), Plum (#dda0dd), Hot Pink (#ff69b4), Pale Violet Red (#db7093), Medium Purple (#9370db).
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 orchid là gì?
#da70d6 — tương đương rgb(218, 112, 214) và hsl(302, 59%, 65%). Trong CSS, bạn cũng có thể chỉ cần viết orchid.
Chữ orchid 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à 2.89 : 1, không đạt WCAG — hãy dùng để trang trí hoặc trên nền tối.
Màu nào hợp với orchid?
Màu bổ sung của nó là #71da75; hai màu tương tự #a971da và #da71a2 nằm cạnh nó trên bánh xe màu.