Чёрный цвет Black #000000

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

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

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

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

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

• Основной текст на светлом фоне.
• Тёмная тема, обложка или контрастная секция.
• Иконки, логотипы и графические элементы.

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

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

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

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

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

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

:root {
  --color-chernyy: #000000;
}

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