Giới thiệu về Lime
Lime (lime) là màu xanh lá vừa phải, rực rỡ, có mã hex #00ff00, hay rgb(0, 255, 0). Trong HSL, màu này có sắc độ 120°, độ bão hòa 100% 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: lime; thay cho mã hex.
Dùng Lime cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Lime trên nền trắng | 1.37 : 1 | không đạt |
| Chữ Lime trên nền đen | 15.30 : 1 | AAA |
Trên nền Lime, nên dùng chữ đen (15.30 : 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ữ cỡ 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: lime; /* or #00ff00 */
background-color: #00ff00;
border: 1px solid rgb(0 255 0 / 50%);
}Các màu có tên tương tự
Lime Green (#32cd32), Lawn Green (#7cfc00), Forest Green (#228b22), Chartreuse (#7fff00), Green (#008000), Spring Green (#00ff7f).
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 lime là gì?
#00ff00 — tương ứng rgb(0, 255, 0) và hsl(120, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp lime.
Chữ màu lime có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.37 : 1, không đạt chuẩn WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với lime?
Màu bổ sung của nó là #ff00ff; các màu tương đồng #80ff00 và #00ff80 nằm cạnh nó trên vòng màu.