Палітри кольорів

Колір зелений

Колір рослин і листя; на екрані він розташований між синім і жовтим світлом. Він асоціюється з природою, здоров’ям і дозволом рухатися. Часто трапляється в екобрендах, банках і кнопках підтвердження.

Зелений · #008000

Колір зелений: основні дані

Колір зелений (#008000) — проміжний за температурою, темний і дуже насичений. Належить до групи: відтінки зеленого. Складається з 0 червоного, 128 зеленого й 0 синього (за шкалою до 255). Де його найчастіше використовують: Логотипи, Природа, Веб, Вказівники.

Колір зелений: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Кольори, що поєднуються з кольором зелений

БілийСвіжо й чисто.БежевийПриродно й розслаблено.КавовийЯк дерево й листя.Темно-синійХолодне й елегантне поєднання.РожевийЙого доповняльний контраст.ЖовтийВесело й по-весняному.ЗолотийРозкіш і тепло.СірийЗаспокоює зелений і осучаснює його.
Як поєднувати колір зелений в одязі та інтер’єрі →

Колір зелений: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Пурпуровий
АналоговіБлизький до: Нефритовий
ТріадаБлизький до: Темно-синій, Гранатовий
Розщеплена комплементарнаБлизький до: Індиго, Бордовий
ТетрадаБлизький до: Ультрафіолетовий, Пурпуровий, Шоколадний

Колір зелений: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

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

Колір зелений: контраст із текстом

Білий текстКонтраст 5.1:1 · AA
Чорний текстКонтраст 4.1:1 · AA великий текст

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --zelenyi: #008000;
  --zelenyi-rgb: 0, 128, 0;
}
.tlo { background-color: var(--zelenyi); }
.tekst { color: var(--zelenyi); }

Кольори, схожі на колір зелений

Лісовий зеленийТемно-зеленийНефритовийСмарагдовийЯблучно-зеленийПастельний зеленийФісташковийОливковийСвітло-зеленийМоховий

Інші відтінки зеленого

СмарагдовийЛаймовийОливковийМ’ятнийМоховийЛісовий зеленийНефритовийСосновийЯблучно-зеленийШавлієвийПляшковий зеленийАрмійський зеленийНеоновий зеленийФісташковийТрав’янийШартрезПастельний зеленийТемно-зеленийСвітло-зеленийЗелений прапора Мексики

Часті запитання

Який код кольору зелений?

HEX-код кольору зелений — #008000. У RGB це rgb(0, 128, 0), у HSL — hsl(120, 100%, 25%), а в CMYK — 100, 0, 100, 50.

Який колір комплементарний до кольору зелений?

Комплементарний колір на колірному колі — #800080, відтінок, близький до кольору «пурпуровий». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі зелений?

Так. Контраст із білим становить 5.1:1, цього достатньо для звичайного тексту (WCAG AA).

З якими кольорами поєднується колір зелений?

Добре поєднується з такими кольорами: білий, бежевий, кавовий, темно-синій, рожевий. Не поєднуйте його з насиченим червоним, якщо не хочете новорічного настрою. Багато зелених різної температури без нейтрального кольору виглядають безладно.