Giới thiệu về Xanh Chanh
Xanh Chanh (limegreen) là một sắc xanh lá vừa phải, tươi sáng, có mã hex #32cd32, hoặc rgb(50, 205, 50). Trong HSL, màu này có sắc độ 120°, độ bão hòa 61% và độ sáng 50%. Đâ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: limegreen; thay vì giá trị hex.
Dùng Xanh Chanh cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Xanh Chanh trên nền trắng | 2.12 : 1 | không đạt |
| Chữ Xanh Chanh trên nền đen | 9.91 : 1 | AAA |
Trên nền xanh chanh, hãy dùng chữ đen (9.91 : 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. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: limegreen; /* or #32cd32 */
background-color: #32cd32;
border: 1px solid rgb(50 205 50 / 50%);
}Các màu có tên tương tự
Xanh biển đậm vừa (#3cb371), Xanh rừng (#228b22), Xanh biển (#2e8b57), Xanh ô liu xám (#6b8e23), Xanh lime (#00ff00), Xanh cỏ (#7cfc00).
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 xanh chanh là gì?
#32cd32 — tức là rgb(50, 205, 50) và hsl(120, 61%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp limegreen.
Chữ xanh chanh trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 2.12 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Màu nào hợp với xanh chanh?
Màu bổ sung của nó là #cd32cd; các màu tương tự #80cd32 và #32cd80 nằm ngay cạnh trên bánh xe màu.