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