Giới thiệu về Yellow Green
Yellow Green (yellowgreen) là một màu xanh lục vừa, tươi sáng, có mã hex #9acd32, hoặc rgb(154, 205, 50). Trong HSL, màu này có sắc độ 80°, độ 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: yellowgreen; thay vì mã hex.
Dùng Yellow Green cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Yellow Green trên nền trắng | 1.88 : 1 | không đạt |
| Chữ Yellow Green trên nền đen | 11.15 : 1 | AAA |
Khi nền là yellow green, hãy dùng chữ đen (11.15 : 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. Bạn có thể 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: yellowgreen; /* or #9acd32 */
background-color: #9acd32;
border: 1px solid rgb(154 205 50 / 50%);
}
Tên màu tương tự
Green Yellow (#adff2f), Dark Khaki (#bdb76b), Lawn Green (#7cfc00), Chartreuse (#7fff00), Goldenrod (#daa520), Olive Drab (#6b8e23).
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.