Зелёный цвет Green #008000

Где использовать зелёный цвет

Стандартное ключевое слово green соответствует коду #008000, а не яркому #00FF00 - последний называется lime. Этот зелёный достаточно тёмный для белого текста и хорошо подходит статусам успеха, экологической тематике и спокойным акцентам.

Характер и восприятие

Зелёный часто воспринимается как спокойный, естественный и подтверждающий. Более холодные оттенки выглядят технологичнее, а тёплые оливковые - мягче и природнее.

Подходящие задачи

• Сообщение об успешном действии или доступном статусе.
• Кнопки подтверждения и положительная динамика.
• Природная, экологическая и финансовая тематика.

Практические рекомендации

• Различайте зелёный успех и основной брендовый акцент.
• Добавляйте подпись к статусу для пользователей с нарушением цветовосприятия.
• Сочетайте тёмный зелёный со светлыми нейтральными поверхностями.

Как задать зелёный цвет в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение green.

.example {
  color: #ffffff;
  background-color: #008000;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-zelenyy: #008000;
}

.button {
  background: var(--color-zelenyy);
}