О цвете Зелёно-жёлтый
Зелёно-жёлтый (greenyellow) — средний яркий зелёный цвет с HEX-кодом #adff2f, или rgb(173, 255, 47). В HSL он имеет тон 84°, насыщенность 100% и светлоту 59%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: greenyellow;.
Использование зелёно-жёлтого для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Зелёно-жёлтый текст на белом | 1.23 : 1 | не проходит |
| Зелёно-жёлтый текст на чёрном | 17.12 : 1 | AAA |
На фоне зелёно-жёлтого цвета используйте текст чёрного цвета (17.12 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного текста. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: greenyellow; /* or #adff2f */
background-color: #adff2f;
border: 1px solid rgb(173 255 47 / 50%);
}
Похожие именованные цвета
Желтовато-зелёный (#9acd32), Шартрез (#7fff00), Травяной зелёный (#7cfc00), Жёлтый (#ffff00), Тёмный хаки (#bdb76b), Золотарник (#daa520).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.