Giới thiệu về Olive
Olive (olive) là màu vàng đậm, rực, có mã hex #808000, hoặc rgb(128, 128, 0). Trong HSL, màu này có sắc độ 60°, độ bão hòa 100% và độ sáng 25%. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: olive; thay cho mã hex.
Dùng Olive cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Olive trên nền trắng | 4.20 : 1 | Chỉ đạt AA với chữ lớn |
| Chữ Olive trên nền đen | 5.01 : 1 | AA |
Khi dùng nền olive, hãy dùng chữ đen (5.01 : 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: olive; /* or #808000 */
background-color: #808000;
border: 1px solid rgb(128 128 0 / 50%);
}Các màu có tên tương tự
Olive Drab (#6b8e23), Vàng Goldenrod đậm (#b8860b), Nâu yên ngựa (#8b4513), Xanh olive đậm (#556b2f), Đất nung (#a0522d), Sô-cô-la (#d2691e).
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 olive là gì?
#808000 — tức là rgb(128, 128, 0) và hsl(60, 100%, 25%). Trong CSS, bạn cũng có thể chỉ cần viết olive.
Chữ olive có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của olive trên nền trắng là 4.20 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với olive?
Màu bổ sung của olive là #000080; các màu tương tự #804000 và #408000 nằm cạnh nó trên bánh xe màu.