Giới thiệu về Lawn Green
Lawn Green (lawngreen) là một màu xanh lá trung bình, tươi sáng, có mã hex #7cfc00, hoặc rgb(124, 252, 0). Trong HSL, màu này có sắc độ 90°, độ bão hòa 100% và độ sáng 49%. Đâ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: lawngreen; thay cho mã hex.
Dùng Lawn Green cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Lawn Green trên nền trắng | 1.33 : 1 | không đạt |
| Chữ Lawn Green trên nền đen | 15.78 : 1 | AAA |
Trên nền xanh cỏ, hãy dùng chữ đen (15.78 : 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 chữ lớn. Hãy 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: lawngreen; /* or #7cfc00 */
background-color: #7cfc00;
border: 1px solid rgb(124 252 0 / 50%);
}Các màu có tên tương tự
Chartreuse (#7fff00), Vàng xanh lá (#adff2f), Xanh vàng (#9acd32), Xanh chanh (#32cd32), Xanh ô liu xám (#6b8e23), Chanh (#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 lawn green là gì?
#7cfc00, tương đương rgb(124, 252, 0) và hsl(90, 100%, 49%). Trong CSS, bạn cũng có thể viết trực tiếp lawngreen.
Chữ lawn green trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 1.33 : 1, không đạt chuẩn WCAG. Hãy dùng màu này để trang trí hoặc trên nền tối thay vì nền trắng.
Những màu nào hợp với lawn green?
Màu bổ sung của nó là #7d00fa. Các màu tương tự #fafa00 và #00fa00 nằm cạnh nó trên vòng tròn màu.