Черный

#000000
0, 0, 0 · 0°, 0%, 0%

Значения цвета

Нажмите на значение, чтобы скопировать

О цвете Черный

Черный (#000000) — очень тёмный нейтральный цвет почти без собственного тона: его насыщенность всего 0%. Каналы RGB у него почти равны (0, 0, 0) — именно поэтому он выглядит нейтральным. В терминах HSL это тон 0°, насыщенность 0% и светлота 0%.

Как нейтральный цвет он не имеет своей температуры и берёт тепло или холод у соседей. Если Черный не совсем подходит, посмотрите на ближайшие именованные оттенки: Полуночный Мох, Ягуар и Дизель.

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

Черный — сильный кандидат для основного текста и поверхностей тёмной темы: он мягче для глаз, чем чистый чёрный. Если следовать правилу 60-30-10, отдайте ему роль второстепенного цвета (30%).

Чтобы построить состояния вокруг цвета Черный, возьмите #1A1A1A для наведения и #F2F2F2 для светлого фона.

Контраст и доступность

Читается ли текст этим цветом — по стандарту WCAG 2.1

На белом
21.00:1
WCAG AA WCAG AAA AA (крупный текст)
На чёрном
1.00:1
WCAG AA WCAG AAA AA (крупный текст)
Как фон
21.00:1
WCAG AA WCAG AAA AA (крупный текст)

Черный как текст и фон

На белом соотношение 21,00:1: хватает на WCAG AAA, так что Черный безопасен для текста любого размера. На чёрном контраст всего 1,00:1, так что для тёмного фона это не цвет текста.

Когда Черный служит фоном, ставьте на него белый текст: контраст будет 21,00:1. Подробнее о соотношениях — в нашем разборе контраста WCAG.

Черный на экране и в печати

Примерная раскладка в CMYK — C 0% · M 0% · Y 0% · K 100%. Основную работу здесь делает чёрная краска (K 100%), поэтому цвет стабилен от тиража к тиражу. Кроме того, это один из 216 web-safe цветов: каждый канал RGB кратен 51. Подробнее — в нашей статье RGB и CMYK.

Цветовые гармонии

Восемь классических схем, построенных на этом оттенке

Монохроматическая

Открыть →

Аналоговая

Открыть →

Комплементарная

Открыть →

Раздельно-комплементарная

Открыть →

Триадическая

Открыть →

Тетрадическая

Открыть →

Осветлённые оттенки

Открыть →

Затемнённые оттенки

Открыть →

Комплементарный цвет

Комплементарный цвет расположен точно напротив на цветовом круге. Такая пара даёт самый сильный возможный контраст, поэтому её естественно использовать для акцентов и кнопок действия.

Хорошо сочетается с

Пары, подобранные из каталога по углу гармонии

CSS-градиенты

48

48 вариаций: шесть типов гармоний в восьми направлениях

Комплементарный 0°
Комплементарный 45°
Комплементарный 90°
Комплементарный 135°
Комплементарный 180°
Комплементарный 225°
Комплементарный 270°
Комплементарный 315°
Аналоговый 0°
Аналоговый 45°
Аналоговый 90°
Аналоговый 135°
Аналоговый 180°
Аналоговый 225°
Аналоговый 270°
Аналоговый 315°
Триадический 0°
Триадический 45°
Триадический 90°
Триадический 135°
Триадический 180°
Триадический 225°
Триадический 270°
Триадический 315°
Светлый 0°
Светлый 45°
Светлый 90°
Светлый 135°
Светлый 180°
Светлый 225°
Светлый 270°
Светлый 315°
Тёмный 0°
Тёмный 45°
Тёмный 90°
Тёмный 135°
Тёмный 180°
Тёмный 225°
Тёмный 270°
Тёмный 315°
Раздельно-комплементарный 0°
Раздельно-комплементарный 45°
Раздельно-комплементарный 90°
Раздельно-комплементарный 135°
Раздельно-комплементарный 180°
Раздельно-комплементарный 225°
Раздельно-комплементарный 270°
Раздельно-комплементарный 315°

Похожие оттенки

16 ближайших цветов каталога