Цвет индиго Indigo #4B0082

Где использовать цвет индиго

Индиго #4B0082 располагается между синим и фиолетовым и имеет низкую светлоту. Он подходит насыщенным тёмным поверхностям, градиентам и выразительным акцентам, особенно рядом со светло-голубыми, лавандовыми или золотистыми деталями.

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

Индиго выглядит глубоким, сосредоточенным и немного загадочным. Он менее прямолинеен, чем чистый синий, и спокойнее яркого фиолетового.

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

• Тёмный фон лендинга или презентации.
• Градиенты с синим и фиолетовым.
• Творческие, научные и технологические проекты.

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

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

Как задать цвет индиго в HTML и CSS

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

.example {
  color: #ffffff;
  background-color: #4b0082;
}

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

:root {
  --color-indigo: #4b0082;
}

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