Цвет Spring Green (#00ff7f)

Spring Green — это #00ff7f в HEX и rgb(0, 255, 127), средний ярко-зелёный. Ниже: все форматы записи цвета, светлые и тёмные тона, гармонии и читаемость цвета в виде текста.

Обновлено

Весенний зелёный
#00ff7f
Имя в CSSspringgreen
Hex#00ff7f
RGBrgb(0, 255, 127)
HSLhsl(150 100% 50%)
HWBhwb(150 0% 0%)
CMYK100%, 0%, 50%, 0%

Светлые и тёмные тона

Цветовые гармонии

О цвете Spring Green

Spring Green (springgreen) — средний яркий зелёный цвет с HEX-кодом #00ff7f или rgb(0, 255, 127). В HSL он имеет оттенок 150°, насыщенность 100% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: springgreen;.

Использование Spring Green для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст Spring Green на белом1.35 : 1не проходит
Текст Spring Green на чёрном15.61 : 1AAA

На фоне весенне-зелёного используйте текст чёрного цвета (15.61 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары проверяйте с помощью проверки контрастности.

CSS

.element {
  color: springgreen;               /* or #00ff7f */
  background-color: #00ff7f;
  border: 1px solid rgb(0 255 127 / 50%);
}

Похожие именованные цвета

Средний весенний зелёный (#00fa9a), Светлый морской зелёный (#20b2aa), Тёмный бирюзовый (#00ced1), Средний морской зелёный (#3cb371), Лаймовый зелёный (#32cd32), Бирюзовый (#40e0d0).

Часто задаваемые вопросы

Какой HEX-код у цвета spring green?
#00ff7f — это rgb(0, 255, 127) и hsl(150, 100%, 50%). В CSS можно также написать просто springgreen.
Читается ли текст цвета spring green на белом?
Коэффициент контраста на белом составляет 1.35 : 1, что не проходит WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с spring green?
Его комплементарный цвет — #ff0080; аналогичные #00ff00 и #00ffff находятся рядом с ним на цветовом круге.