Цветовые палитры

Цвет «светло-зелёный»

Мягкий и яркий зелёный, который в CSS называется lightgreen. Выглядит свежо и позитивно. Подходит для фона сообщений об успехе и для расслабляющих пространств.

Другие названия: lightgreen.

Открыть в редакторе

HEX-код цвета «светло-зелёный» — #90EE90. В RGB это rgb(144, 238, 144), в HSL — hsl(120, 73%, 75%), а в CMYK — 39, 0, 39, 7.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «светло-зелёный»

Мятный#98FF98Пастельно-зелёный#77DD77Изумрудный#50C878Фисташковый#93C572Селадоновый#ACE1AFАквамариновый#7FFFD4

Цвет «светло-зелёный» вкратце

Цвет «светло-зелёный» (#90EE90) — на границе тёплого и холодного, светлый и средней насыщенности. Он относится к группе оттенки зелёного. Он состоит из 144 частей красного, 238 — зелёного и 144 — синего (из 255). Типичное применение: Веб, Для детей, Интерьер.

Светло-зелёный: образец цвета с оттенками от светлого до тёмного · #90EE90
Светло-зелёный · #90EE90

Оттенки цвета «светло-зелёный»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «светло-зелёный»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Орхидея
АналоговыеБлизко к: Фисташковый, Аквамариновый
ТриадаБлизко к: Васильковый, Лососево-розовый
Расщеплённая комплементарнаяБлизко к: Лавандовый, Фламинго
ТетрадаБлизко к: Детский голубой, Орхидея, Персиковый

Палитры с цветом «светло-зелёный»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Светло-зелёный
Палитра: Аналоговая · Светло-зелёный
Палитра: Комплементарная · Светло-зелёный
Палитра: Триада · Светло-зелёный
Палитра: С нейтральными цветами · Светло-зелёный
Палитра: С акцентом · Светло-зелёный

Контраст цвета «светло-зелёный» с текстом

Белый текстКонтраст 1.4:1 · Не рекомендуется
Чёрный текстКонтраст 14.8:1 · AAA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --svetlo-zelenyy: #90EE90;
  --svetlo-zelenyy-rgb: 144, 238, 144;
}
.фон { background-color: var(--svetlo-zelenyy); }
.текст { color: var(--svetlo-zelenyy); }

Цвета, похожие на цвет «светло-зелёный»

НефритовыйВесенний зелёныйЗелёный КеллиПастельно-жёлтый

Другие: оттенки зелёного

ЗелёныйИзумрудныйЛаймовыйОливковыйМятныйМоховойЛесной зелёныйНефритовыйСосновый зелёныйЯблочно-зелёныйШалфейныйБутылочно-зелёныйАрмейский зелёныйНеоново-зелёныйФисташковыйТравянисто-зелёныйШартрёзПастельно-зелёныйТёмно-зелёныйМексиканский зелёныйАвокадоСеладоновыйПапоротниковыйОхотничий зелёный
Светло-зелёный: образец цвета с оттенками от светлого до тёмного · #90EE90
Светло-зелёный: образец цвета с оттенками от светлого до тёмного · #90EE90

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очкиКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветное
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «светло-зелёный»?

HEX-код цвета «светло-зелёный» — #90EE90. В RGB это rgb(144, 238, 144), в HSL — hsl(120, 73%, 75%), а в CMYK — 39, 0, 39, 7.

Какой цвет дополняет цвет «светло-зелёный»?

Дополнительный цвет на цветовом круге — #EE90EE, оттенок, близкий к цвету «орхидея». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «светло-зелёный»?

Лучше используй чёрный текст: контраст с белым всего 1.4:1, а с чёрным — 14.8:1.