Về Olive Drab
Olive Drab (olivedrab) là một màu xanh lá đậm, rực rỡ, có mã hex #6b8e23, hoặc rgb(107, 142, 35). Trong HSL, màu này có sắc độ 80°, độ bão hòa 60% và độ sáng 35%. Đâ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: olivedrab; thay cho mã hex.
Dùng Olive Drab cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Olive Drab trên nền trắng | 3.81 : 1 | Chỉ AA cho chữ lớn |
| Chữ Olive Drab trên nền đen | 5.52 : 1 | AA |
Trên nền olive drab, nên dùng chữ đen (5.52 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra tương phản.
CSS
.element {
color: olivedrab; /* or #6b8e23 */
background-color: #6b8e23;
border: 1px solid rgb(107 142 35 / 50%);
}
Màu có tên tương tự
Dark Olive Green (#556b2f), Olive (#808000), Forest Green (#228b22), Dim Gray (#696969), Yellow Green (#9acd32), Sea Green (#2e8b57).
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.