Чорний

#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 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу