О жёлто-зелёном цвете
Жёлто-зелёный (yellowgreen) — средний яркий зелёный цвет с HEX-кодом #9acd32 или rgb(154, 205, 50). В HSL он имеет тон 80°, насыщенность 61% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: yellowgreen;.
Использование жёлто-зелёного для текста и фона
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Жёлто-зелёный текст на белом | 1.88 : 1 | не проходит |
| Жёлто-зелёный текст на чёрном | 11.15 : 1 | AAA |
На жёлто-зелёном фоне используйте текст чёрного цвета (11.15 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: yellowgreen; /* or #9acd32 */
background-color: #9acd32;
border: 1px solid rgb(154 205 50 / 50%);
}
Похожие именованные цвета
Зелёно-жёлтый (#adff2f), Тёмный хаки (#bdb76b), Газонный зелёный (#7cfc00), Шартрёз (#7fff00), Золотарник (#daa520), Оливково-серый (#6b8e23).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.