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

Колір синій

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

Синій · #0000FF

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

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

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

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

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

БілийСвіжо й чисто, як море й хмари.ПомаранчевийЙого доповняльний колір з максимальним контрастом.СірийСтримано й професійно.ЖовтийВесело й світло.БежевийТепло й рівновага.РожевийНіжний і сучасний контраст.КавовийКласичне й природне поєднання.ЗеленийЙого природний сусід, свіжий і спокійний.
Як поєднувати колір синій в одязі та інтер’єрі →

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

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

КомплементарнаБлизький до: Жовтий
АналоговіБлизький до: Електрик, Фіолетовий
ТріадаБлизький до: Червоний, Неоновий зелений
Розщеплена комплементарнаБлизький до: Помаранчевий, Шартрез
ТетрадаБлизький до: Насичений рожевий, Жовтий, М’ятний

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

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

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

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

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

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

CSS-код

:root {
  --synii: #0000FF;
  --synii-rgb: 0, 0, 255;
}
.tlo { background-color: var(--synii); }
.tekst { color: var(--synii); }

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

ФіолетовийТемно-фіолетовийГлибокий синійУльтрамаринТемно-синійМаджентаСиній КляйнаВинограднийІндигоЕлектрик

Інші відтінки синього

Темно-синійБлакитнийКобальтовийСапфіровийСталевий синійКоролівський синійЕлектрикОпівнічний синійУльтрамаринФранцузький синійБерлінська лазурПастельний блакитнийНіжно-блакитнийДжинсовийСиній КляйнаГлибокий синійСвітло-блакитнийЛазуровий

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

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

HEX-код кольору синій — #0000FF. У RGB це rgb(0, 0, 255), у HSL — hsl(240, 100%, 50%), а в CMYK — 100, 100, 0, 0.

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

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

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

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

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

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