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

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

Глубокий и сдержанный зелёный с небольшим количеством света. Выражает стабильность и серьёзность. Используется у финансовых брендов, спортивных клубов и на элегантных фонах.

Другие названия: тёмный зелёный.

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

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

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

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

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

Зелёный#008000Лесной зелёный#228B22Авокадо#568203Папоротниковый#4F7942Морской зелёный#2E8B57Тёмно-оливковый#556B2F

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

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

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

Мексиканский зелёныйНефритовыйОхотничий зелёныйАрмейский зелёный

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

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

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

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

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

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

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

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

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

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

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