Về màu xanh lá
Xanh lá (green) là một màu xanh lá đậm, rực rỡ, có mã hex #008000, hoặc rgb(0, 128, 0). Trong HSL, màu này có sắc độ 120°, độ bão hòa 100% và độ sáng 25%. Đâ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: green; thay cho giá trị hex.
Dùng màu xanh lá cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ xanh lá trên nền trắng | 5.14 : 1 | AA |
| Chữ xanh lá trên nền đen | 4.09 : 1 | Chỉ AA cho chữ lớn |
Trên nền xanh lá, hãy dùng chữ trắng (5.14 : 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. Bạn có thể kiểm tra các cặp khác bằng Công cụ kiểm tra tương phản.
CSS
.element {
color: green; /* or #008000 */
background-color: #008000;
border: 1px solid rgb(0 128 0 / 50%);
}Tên màu tương tự
Xanh lá đậm (#006400), Xanh rừng (#228b22), Xanh biển đậm (#2e8b57), Xanh ô liu đậm (#556b2f), Xám xanh đậm (#2f4f4f), Xanh chanh (#32cd32).
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 xanh lá là gì?
#008000 — tương đương rgb(0, 128, 0) và hsl(120, 100%, 25%). Trong CSS, bạn cũng có thể viết đơn giản là green.
Chữ xanh lá trên nền trắng có dễ đọc không?
Tỉ lệ tương phản trên nền trắng là 5.14 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Màu nào hợp với xanh lá?
Màu bù trừ là #800080; các màu tương đồng #408000 và #008040 nằm cạnh nó trên bánh xe màu.