О белом цвете
Белый (white) — очень светлый, приглушённый белый с HEX-кодом #ffffff, или rgb(255, 255, 255). В HSL он имеет тон 0°, насыщенность 0% и светлоту 100%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: white;.
Использование белого для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Белый текст на белом | 1.00 : 1 | не проходит |
| Белый текст на чёрном | 21.00 : 1 | AAA |
На белом фоне используйте чёрный текст (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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.