Về màu Chartreuse
Chartreuse (chartreuse) là một màu xanh lá vừa và rực rỡ, có mã hex #7fff00, hoặc rgb(127, 255, 0). Trong HSL, màu này có sắc độ (hue) 90°, độ bão hòa 100% 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: chartreuse; thay cho mã hex.
Dùng Chartreuse cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Chartreuse trên nền trắng | 1.30 : 1 | không đạt |
| Chữ Chartreuse trên nền đen | 16.21 : 1 | AAA |
Trên nền chartreuse, hãy dùng chữ đen (16.21 : 1). WCAG yêu cầu tỉ lệ 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: chartreuse; /* or #7fff00 */
background-color: #7fff00;
border: 1px solid rgb(127 255 0 / 50%);
}Các màu có tên tương tự
Lawn Green (#7cfc00), Green Yellow (#adff2f), Yellow Green (#9acd32), Lime Green (#32cd32), Olive Drab (#6b8e23), Lime (#00ff00).
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 chartreuse là gì?
#7fff00 — tức là rgb(127, 255, 0) và hsl(90, 100%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết chartreuse.
Chữ chartreuse trên nền trắng có dễ đọc không?
Tỉ lệ tương phản của nó trên nền trắng là 1.30 : 1, không đạt WCAG — hãy dùng cho phần trang trí hoặc trên nền tối.
Những màu nào hợp với chartreuse?
Màu bổ sung của nó là #8000ff; các màu tương đồng #ffff00 và #00ff00 nằm cạnh nó trên vòng màu.