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

Колір синьо-чорний

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

Інші назви: чорно-синій.

Синьо-чорний · #0B1426

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

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

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

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

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

ГірчичнийОбидва мають жовту основу й разом створюють осінній настрій.
ТеракотовийЗемлисто-червоний контрастує із зеленим, але не сперечається з ним.
БежевийПом’якшує оливковий і дає природний, чистий вигляд.
Молочно-білийДодає світла без холодності чистого білого.
КемелПідсилює повсякденний стиль сафарі.
Темно-синійТемний і елегантний контраст холодного й теплого тонів.
Пудрово-рожевийПриглушений рожевий урівноважує землистість оливкового.
КавовийДодає природної глибини, ідеальний у шкірі та дереві.
Як поєднувати колір синьо-чорний в одязі та інтер’єрі →

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

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

КомплементарнаБлизький до: Вугільно-чорний
АналоговіБлизький до: Вугільно-чорний
ТріадаБлизький до: Чорне дерево, Вугільно-чорний
Розщеплена комплементарнаБлизький до: Чорне дерево, Вугільно-чорний
ТетрадаБлизький до: Вугільно-чорний

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

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

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

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

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

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

CSS-код

:root {
  --syno-chornyi: #0B1426;
  --syno-chornyi-rgb: 11, 20, 38;
}
.tlo { background-color: var(--syno-chornyi); }
.tekst { color: var(--syno-chornyi); }

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

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

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

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

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

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

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

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

HEX-код кольору синьо-чорний — #0B1426. У RGB це rgb(11, 20, 38), у HSL — hsl(220, 55%, 10%), а в CMYK — 71, 47, 0, 85.

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

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

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

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

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

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