Về màu Khaki
Khaki (khaki) là màu vàng nhạt, tươi sáng, có mã hex #f0e68c, hoặc rgb(240, 230, 140). Trong HSL, màu này có sắc độ 54°, độ bão hòa 77% và độ sáng 75%. Đâ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: khaki; thay vì giá trị hex.
Dùng Khaki cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Khaki trên nền trắng | 1.28 : 1 | không đạt |
| Chữ Khaki trên nền đen | 16.40 : 1 | AAA |
Trên nền khaki, hãy dùng chữ đen (16.40 : 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 bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: khaki; /* or #f0e68c */
background-color: #f0e68c;
border: 1px solid rgb(240 230 140 / 50%);
}Các màu có tên tương tự
Pale Goldenrod (#eee8aa), Navajo White (#ffdead), Wheat (#f5deb3), Moccasin (#ffe4b5), Peach Puff (#ffdab9), Burly Wood (#deb887).
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 màu khaki là gì?
#f0e68c — tương đương rgb(240, 230, 140) và hsl(54, 77%, 75%). Trong CSS, bạn cũng có thể chỉ cần viết khaki.
Chữ màu khaki 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à 1.28 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với khaki?
Màu bổ sung của nó là #8e98f0; các màu tương đồng #f0b58e và #c9f08e nằm cạnh nó trên vòng màu.