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

Колір яскраво-блакитний

Яскравий, живий синій між чистим синім і ціаном, як безхмарне небо в сонячний день. Англійська назва azure через арабську походить від перського слова для лазуриту. Свіжо виглядає у вебдизайні, логотипах і літніх кампаніях.

Інші назви: азур, лазурно-синій.

Відкрити в редакторі

HEX-код кольору яскраво-блакитний — #007FFF. У RGB це rgb(0, 127, 255), у HSL — hsl(210, 100%, 50%), а в CMYK — 100, 50, 0, 0.

Як він виглядає насправді

Виберіть колір для поєднання й подивіться, як він виглядає на одязі, в інтер'єрі та в дизайні.

Кольори, схожі на колір яскраво-блакитний

Електрик#2C75FFКоролівський синій#4169E1Сапфіровий#0F52BAДжинсовий#1560BDСланцевий синій#6A5ACDВолошковий#6495ED

Колір яскраво-блакитний: основні дані

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

Зразок кольору Яскраво-блакитний з відтінками від світлого до темного · #007FFF
Яскраво-блакитний · #007FFF

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

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

Перегляньте всі відтінки: Генератор відтінків кольору

Колір яскраво-блакитний: колірні гармонії

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

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

Колір яскраво-блакитний: готові палітри

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

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

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

Білий текстКонтраст 3.8:1 · AA великий текст
Чорний текстКонтраст 5.5:1 · AA

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

CSS-код

:root {
  --yaskravo-blakytnyi: #007FFF;
  --yaskravo-blakytnyi-rgb: 0, 127, 255;
}
.tlo { background-color: var(--yaskravo-blakytnyi); }
.tekst { color: var(--yaskravo-blakytnyi); }

Кольори, схожі на колір яскраво-блакитний

КобальтовийФранцузький синійАметистовийСиній Кляйна

Де можна побачити цей колір

GoogleБрендиFacebookБренди

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

Палітри кольорів Дня мертвихПалітри веселих кольорівПрофесійні та корпоративні палітри кольорів

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

СинійТемно-синійБлакитнийКобальтовийСапфіровийСталевий синійКоролівський синійЕлектрикОпівнічний синійУльтрамаринФранцузький синійБерлінська лазурПастельний блакитнийНіжно-блакитнийДжинсовийСиній КляйнаГлибокий синійСвітло-блакитнийЛазуровийБарвінковийВолошковийПильно-блакитнийОкеанський синійПудрово-блакитний
Зразок кольору Яскраво-блакитний з відтінками від світлого до темного · #007FFF
Зразок кольору Яскраво-блакитний з відтінками від світлого до темного · #007FFF

Спробуйте також

Палітра кольорів з іменіВведи ім’я й отримай власну палітру кольорівАналіз кольоротипу за селфіДізнайтеся свій сезон і найкращі кольори за одним фотоЯкого кольору ваш голос?Говоріть 5 секунд — і ваш голос стане кольором
Усі безкоштовні інструменти →

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

Який код кольору яскраво-блакитний?

HEX-код кольору яскраво-блакитний — #007FFF. У RGB це rgb(0, 127, 255), у HSL — hsl(210, 100%, 50%), а в CMYK — 100, 50, 0, 0.

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

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

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

Краще використовуйте чорний текст: контраст із білим лише 3.8:1, а з чорним — 5.5:1.