Тёмно-синий цвет Navy #000080

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

Тёмно-синий #000080 содержит синий канал средней интенсивности при нулевых красном и зелёном. В CSS он доступен по ключевому слову navy. Цвет хорошо заменяет чёрный там, где композиции нужна глубина, но не абсолютная нейтральность.

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

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

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

• Шапка сайта, подвал или тёмная секция.
• Деловая, финансовая и технологическая айдентика.
• Основной текст на очень светлом голубом фоне.

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

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

Как задать тёмно-синий цвет в HTML и CSS

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

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

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

:root {
  --color-temno-siniy: #000080;
}

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