О черном цвете
Черный (black) — очень темный, приглушенный черный цвет с HEX-кодом #000000, или rgb(0, 0, 0). В HSL он имеет тон 0°, насыщенность 0% и светлоту 0%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: black;.
Использование черного для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Черный текст на белом | 21.00 : 1 | AAA |
| Черный текст на черном | 1.00 : 1 | не проходит |
На черном фоне используйте белый текст (21.00 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Проверщика контраста.
CSS
.element {
color: black; /* or #000000 */
background-color: #000000;
border: 1px solid rgb(0 0 0 / 50%);
}Похожие именованные цвета
Темно-зеленый (#006400), Полуночно-синий (#191970), Темно-сланцево-серый (#2f4f4f), Зеленый (#008000), Бордовый (#800000), Темно-синий (#000080).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.