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

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

Средне-тёмный и глубокий зелёный, как листва в лесу. Выражает свежесть и жизнь. Часто встречается у туристических брендов, в горном снаряжении и на указателях в парках.

Другие названия: лесной.

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

HEX-код цвета «лесной зелёный» — #228B22. В RGB это rgb(34, 139, 34), в HSL — hsl(120, 61%, 34%), а в CMYK — 76, 0, 76, 45.

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

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

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

Зелёный#008000Тёмно-зелёный#006400Авокадо#568203Нефритовый#00A86BИзумрудный#50C878Зелёный Келли#4CBB17

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

Цвет «лесной зелёный» (#228B22) — на границе тёплого и холодного, средней светлоты и средней насыщенности. Он относится к группе оттенки зелёного. Он состоит из 34 частей красного, 139 — зелёного и 34 — синего (из 255). Типичное применение: Активный отдых, Брендинг, Интерьер.

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --lesnoy-zelenyy: #228B22;
  --lesnoy-zelenyy-rgb: 34, 139, 34;
}
.фон { background-color: var(--lesnoy-zelenyy); }
.текст { color: var(--lesnoy-zelenyy); }

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

Морской зелёныйПастельно-зелёныйПапоротниковыйФисташковый

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

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

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

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

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

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

HEX-код цвета «лесной зелёный» — #228B22. В RGB это rgb(34, 139, 34), в HSL — hsl(120, 61%, 34%), а в CMYK — 76, 0, 76, 45.

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

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

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

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