Оливковый цвет Olive #808000

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

Оливковый #808000 складывается из равных красного и зелёного каналов средней интенсивности. Он значительно спокойнее чистого жёлтого или лайма и хорошо работает в природных, военных, интерьерных и винтажных палитрах.

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

Оливковый выглядит природным, зрелым и практичным. Тёмные варианты создают ощущение устойчивости, а светлые приближаются к хаки.

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

• Природная, туристическая и outdoor-тематика.
• Акцент на кремовых, песочных и белых фонах.
• Винтажные и приглушённые интерфейсные палитры.

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

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

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

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

.example {
  color: #000000;
  background-color: #808000;
}

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

:root {
  --color-olivkovyy: #808000;
}

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