О цвете «Лесной зелёный»
Лесной зелёный (forestgreen) — тёмный насыщенный зелёный с HEX-кодом #228b22, или rgb(34, 139, 34). В HSL он имеет оттенок 120°, насыщенность 61% и светлоту 34%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: forestgreen;.
Использование лесного зелёного для текста и фона
| Пара | Коэффициент контрастности | WCAG |
|---|---|---|
| Текст лесного зелёного на белом | 4.39 : 1 | AA только для крупного текста |
| Текст лесного зелёного на чёрном | 4.78 : 1 | AA |
На фоне лесного зелёного используйте текст чёрного цвета (4.78 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контрастности.
CSS
.element {
color: forestgreen; /* or #228b22 */
background-color: #228b22;
border: 1px solid rgb(34 139 34 / 50%);
}Похожие именованные цвета
Зелёный (#008000), Морской зелёный (#2e8b57), Тёмно-оливковый зелёный (#556b2f), Тёмно-зелёный (#006400), Лаймовый зелёный (#32cd32), Оливковый хаки (#6b8e23).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.