Белый цвет White #FFFFFF

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

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

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

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

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

• Основной фон сайта, статьи или документа.
• Поверхность карточек, окон и выпадающих меню.
• Белый текст на тёмных и насыщенных фонах.

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

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

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

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

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

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

:root {
  --color-belyy: #ffffff;
}

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