Код цвета шартрёз (#7fff00)

Шартрёз — это #7fff00 в HEX и rgb(127, 255, 0), средний зелёный цвет. Ниже приведены все форматы цвета, оттенки и тени, гармонии и читаемость текста.

Обновлено

Шартрёз
#7fff00
Имя в CSSchartreuse
Hex#7fff00
RGBrgb(127, 255, 0)
HSLhsl(90 100% 50%)
HWBhwb(90 0% 0%)
CMYK50%, 0%, 100%, 0%

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

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

О цвете шартрёз

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

Использование шартрёза для текста и фона

ПараКоэффициент контрастаWCAG
Текст шартрёз на белом1.30 : 1не проходит
Текст шартрёз на чёрном16.21 : 1AAA

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

CSS

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

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

Газонный зелёный (#7cfc00), Зелено-жёлтый (#adff2f), Жёлто-зелёный (#9acd32), Лаймовый зелёный (#32cd32), Оливковый хаки (#6b8e23), Лайм (#00ff00).

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

Какой HEX-код у цвета шартрёз?
#7fff00 — это rgb(127, 255, 0) и hsl(90, 100%, 50%). В CSS можно также просто написать chartreuse.
Читается ли текст цвета шартрёз на белом фоне?
Коэффициент контраста с белым составляет 1.30 : 1, что не соответствует WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с шартрёзом?
Его комплементарный цвет — #8000ff; аналоговые цвета #ffff00 и #00ff00 находятся рядом с ним на цветовом круге.