Код белого цвета (#ffffff)

Белый — это #ffffff в HEX и rgb(255, 255, 255), очень светлый белый. Ниже — все цветовые форматы, оттенки и тени, сочетания и то, насколько хорошо он читается как цвет текста.

Обновлено

Белый
#ffffff
Название в CSSwhite
Hex#ffffff
RGBrgb(255, 255, 255)
HSLhsl(0 0% 100%)
HWBhwb(0 100% 0%)
CMYK0%, 0%, 0%, 0%

Оттенки и тени

О белом цвете

Белый (white) — очень светлый, приглушённый белый с HEX-кодом #ffffff, или rgb(255, 255, 255). В HSL он имеет тон 0°, насыщенность 0% и светлоту 100%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: white;.

Использование белого для текста и фонов

СочетаниеКоэффициент контрастаWCAG
Белый текст на белом1.00 : 1не проходит
Белый текст на чёрном21.00 : 1AAA

На белом фоне используйте чёрный текст (21.00 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.

CSS

.element {
  color: white;               /* or #ffffff */
  background-color: #ffffff;
  border: 1px solid rgb(255 255 255 / 50%);
}

Похожие именованные цвета

Снег (#fffafa), Призрачно-белый (#f8f8ff), Мятно-кремовый (#f5fffa), Лазурный (#f0ffff), Слоновая кость (#fffff0), Цветочно-белый (#fffaf0).

Часто задаваемые вопросы

Какой HEX-код у белого цвета?
#ffffff — это rgb(255, 255, 255) и hsl(0, 0%, 100%). В CSS можно также просто написать white.
Читается ли белый текст на белом фоне?
Коэффициент контраста белого на белом — 1.00 : 1, что не соответствует WCAG. Используйте его для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с белым?
Белый — нейтральный цвет, поэтому он сочетается почти с любым цветом. Используйте его для фонов, границ и текста вокруг более яркого акцента.