Палітри кольорів

Колір чорний

На екрані це повна відсутність світла. Він асоціюється з елегантністю, владою та жалобою. Це найпоширеніший колір в офіційній моді та логотипах люксових брендів.

Чорний · #000000

Колір чорний: основні дані

Колір чорний (#000000) — нейтральний, темний і майже без насиченості. Належить до групи: відтінки чорного. Складається з 0 червоного, 0 зеленого й 0 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Веб, Брендинг, Декор.

Колір чорний: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Кольори, що поєднуються з кольором чорний

БілийМаксимальний контраст, класичний і поза часом.ЗолотийЕлегантність і розкіш, ідеально на вечір.ЧервонийНасичений і спокусливий дует.КемелПом’якшує чорний і додає йому тепла.РожевийСучасний і жіночний контраст.СірийЕлегантний монохромний образ.ФуксіяДуже яскравий акцент на темній основі.БежевийВишукане й просте поєднання.
Як поєднувати колір чорний в одязі та інтер’єрі →

Колір чорний: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

Комплементарна
Аналогові
Тріада
Розщеплена комплементарна
Тетрада

Колір чорний: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

Палітра Монохромна · Чорний
Палітра Аналогова · Чорний
Палітра Комплементарна · Чорний
Палітра Тріада · Чорний
Палітра З нейтральними · Чорний
Палітра З акцентом · Чорний

Колір чорний: контраст із текстом

Білий текстКонтраст 21.0:1 · AAA
Чорний текстКонтраст 1.0:1 · Не рекомендовано

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --chornyi: #000000;
  --chornyi-rgb: 0, 0, 0;
}
.tlo { background-color: var(--chornyi); }
.tekst { color: var(--chornyi); }

Кольори, схожі на колір чорний

Чорне деревоВугільно-чорнийСиньо-чорнийАнтрацитовийСмоляно-чорнийОніксовийОксфордський сірийТаупВугільно-сірийБерлінська лазур

Тематичні палітри з цим кольором

Палітри кольорів для весілляПалітри кольорів для дня народженняПалітри кольорів для випускногоПалітри кольорів для логотипуПалітри кольорів для сайтуПалітри кольорів для Instagram

Інші відтінки чорного

Чорне деревоСмоляно-чорнийАнтрацитовийОніксовийВугільно-чорнийСиньо-чорний

Часті запитання

Який код кольору чорний?

HEX-код кольору чорний — #000000. У RGB це rgb(0, 0, 0), у HSL — hsl(0, 0%, 0%), а в CMYK — 0, 0, 0, 100.

Який колір комплементарний до кольору чорний?

Комплементарний колір на колірному колі — #000000, відтінок, близький до кольору «чорний». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі чорний?

Так. Контраст із білим становить 21.0:1, цього достатньо для звичайного тексту (WCAG AA).

З якими кольорами поєднується колір чорний?

Добре поєднується з такими кольорами: білий, золотий, червоний, кемел, рожевий. Не змішуйте його з темно-синім чи дуже темним кавовим без чіткого контрасту, бо здається, що вони не пасують. Суцільний чорний без текстур може виглядати пласким.