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

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

Это цвет растительности; при смешивании красок получается из синего и жёлтого. Ассоциируется с природой, здоровьем и разрешением двигаться дальше. Часто встречается у экологичных брендов, банков и на кнопках подтверждения.

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

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

HEX-код цвета «зелёный» — #008000. В RGB это rgb(0, 128, 0), в HSL — hsl(120, 100%, 25%), а в CMYK — 100, 0, 100, 50.

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

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

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

Лесной зелёный#228B22Тёмно-зелёный#006400Авокадо#568203Зелёный Келли#4CBB17Нефритовый#00A86BМорской зелёный#2E8B57

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

Цвет «зелёный» (#008000) — на границе тёплого и холодного, тёмный и очень насыщенный. Он относится к группе оттенки зелёного. Он состоит из 0 частей красного, 128 — зелёного и 0 — синего (из 255). Типичное применение: Логотипы, Природа, Веб, Айдентика.

Зелёный: образец цвета с оттенками от светлого до тёмного · #008000
Зелёный · #008000

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

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

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

Цвета, которые сочетаются с цветом «зелёный»

Цвета, которые сочетаются с цветом «зелёный»: Белый, Бежевый, Кофейный, Тёмно-синий, Розовый
#008000 · #FFFFFF · #F5F5DC · #6F4E37 · #000080 · #FFC0CB
БелыйСвежо и чисто.БежевыйПриродно и непринуждённо.КофейныйКак дерево и листва.Тёмно-синийХолодное, элегантное сочетание.РозовыйЕго дополнительный контраст.ЖёлтыйВесело и по-весеннему.ЗолотойРоскошь и тепло.СерыйУспокаивает зелёный и добавляет ему современности.
Как сочетать цвет «зелёный» в одежде и интерьере →

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

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

КомплементарнаяБлизко к: Пурпурный
АналоговыеБлизко к: Авокадо, Морской зелёный
ТриадаБлизко к: Морской синий, Гранатовый
Расщеплённая комплементарнаяБлизко к: Индиговый, Тирский пурпур
ТетрадаБлизко к: Океанский синий, Пурпурный, Шоколадный

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

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

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

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

Белый текстКонтраст 5.1:1 · AA
Чёрный текстКонтраст 4.1:1 · AA крупный текст

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

CSS-код

:root {
  --zelenyy: #008000;
  --zelenyy-rgb: 0, 128, 0;
}
.фон { background-color: var(--zelenyy); }
.текст { color: var(--zelenyy); }

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

ИзумрудныйЯблочно-зелёныйПастельно-зелёныйПапоротниковый

Где встречается этот цвет

МексикаФлагиAtlético NacionalФутбольные клубыStarbucksБрендыБразилияФлагиСборная МексикиФутбольные клубыWhatsAppБрендыИталияФлагиSpotifyБрендыПортугалияФлагиDuolingoБрендыБоливияФлагиShopifyБренды

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

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

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

HEX-код цвета «зелёный» — #008000. В RGB это rgb(0, 128, 0), в HSL — hsl(120, 100%, 25%), а в CMYK — 100, 0, 100, 50.

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

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

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

Да. Контраст с белым — 5.1:1, этого достаточно для обычного текста (WCAG AA).

С какими цветами сочетается цвет «зелёный»?

Он хорошо сочетается с этими цветами: белый, бежевый, кофейный, тёмно-синий, розовый. Не сочетай его с насыщенным красным, если не хочешь новогоднего образа. Много зелёных с разными подтонами без нейтрального цвета выглядит хаотично.