Цветовые палитры

Цвет «лазурно-синий»

Яркий и живой синий между чистым синим и лазурным, как безоблачное небо в солнечный день. Название происходит от персидского слова, обозначающего лазурит. Часто используется на сайтах и в летнем брендинге.

Другие названия: лазурь, яркий лазурный.

Открыть в редакторе

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 {
  --lazurno-siniy: #007FFF;
  --lazurno-siniy-rgb: 0, 127, 255;
}
.фон { background-color: var(--lazurno-siniy); }
.текст { color: var(--lazurno-siniy); }

Цвета, похожие на цвет «лазурно-синий»

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

Где встречается этот цвет

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.