Về màu xanh lá nhạt
Xanh lá nhạt (palegreen) là một màu xanh lá sáng, tươi, có mã hex #98fb98, hoặc rgb(152, 251, 152). Trong HSL, màu này có sắc độ (hue) 120°, độ bão hòa 93% và độ sáng 79%. Đâ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: palegreen; thay vì giá trị hex.
Dùng xanh lá nhạt cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ xanh lá nhạt trên nền trắng | 1.27 : 1 | không đạt |
| Chữ xanh lá nhạt trên nền đen | 16.59 : 1 | AAA |
Trên nền xanh lá nhạt, hãy dùng chữ đen (16.59 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể 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: palegreen; /* or #98fb98 */
background-color: #98fb98;
border: 1px solid rgb(152 251 152 / 50%);
}
Các màu có tên tương tự
Xanh lá sáng (#90ee90), Xanh biển ánh lục đậm (#8fbc8f), Xanh ngọc biển (#7fffd4), Xanh ngọc biển vừa (#66cdaa), Bạc (#c0c0c0), Xám đậm (#a9a9a9).
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.