Về Spring Green
Spring Green (springgreen) là một màu xanh lá vừa, tươi sáng, có mã hex #00ff7f, hoặc rgb(0, 255, 127). Trong HSL, màu này có sắc độ 150°, độ 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: springgreen; thay cho mã hex.
Dùng Spring Green cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Spring Green trên nền trắng | 1.35 : 1 | không đạt |
| Chữ Spring Green trên nền đen | 15.61 : 1 | AAA |
Trên nền xanh Spring Green, hãy dùng chữ đen (15.61 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Kiểm tra độ tương phản.
CSS
.element {
color: springgreen; /* or #00ff7f */
background-color: #00ff7f;
border: 1px solid rgb(0 255 127 / 50%);
}
Các màu có tên tương tự
Xanh lá mùa xuân vừa (#00fa9a), Xanh lục biển nhạt (#20b2aa), Xanh ngọc lam đậm (#00ced1), Xanh lục biển vừa (#3cb371), Xanh chanh (#32cd32), Xanh ngọc lam (#40e0d0).
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.