Về màu xanh lá nhạt
Xanh lá nhạt (lightgreen) là màu xanh lá nhạt, tươi sáng, có mã hex #90ee90, hoặc rgb(144, 238, 144). Trong HSL, màu này có sắc độ 120°, độ bão hòa 73% 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: lightgreen; 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.42 : 1 | không đạt |
| Chữ xanh lá nhạt trên nền đen | 14.82 : 1 | AAA |
Trên nền xanh lá nhạt, hãy dùng chữ đen (14.82 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với văn bản 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: lightgreen; /* or #90ee90 */
background-color: #90ee90;
border: 1px solid rgb(144 238 144 / 50%);
}
Màu có tên tương tự
Xanh lá nhợt (#98fb98), Xanh lá biển đậm (#8fbc8f), Xanh ngọc trung bình (#66cdaa), Xanh ngọc biển (#7fffd4), Xám đậm (#a9a9a9), Kaki đậm (#bdb76b).
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.