Về màu Xanh lá đậm
Xanh lá đậm (darkgreen) là một màu xanh lá đậm, rực rỡ, có mã hex #006400, hoặc rgb(0, 100, 0). Trong HSL, màu này có sắc độ 120°, độ bão hòa 100% và độ sáng 20%. Đâ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: darkgreen; thay vì mã hex.
Sử dụng Xanh lá đậm cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ xanh lá đậm trên nền trắng | 7.44 : 1 | AAA |
| Chữ xanh lá đậm trên nền đen | 2.82 : 1 | không đạt |
Trên nền xanh lá đậm, hãy dùng chữ trắng (7.44 : 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: darkgreen; /* or #006400 */
background-color: #006400;
border: 1px solid rgb(0 100 0 / 50%);
}
Màu có tên tương tự
Xanh lá (#008000), Xanh rừng (#228b22), Xám đá phiến đậm (#2f4f4f), Xanh ô liu đậm (#556b2f), Đen (#000000), Xanh biển đậm (#2e8b57).
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.