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

Цвет «синий»

Один из трёх цветов света на экранах наряду с красным и зелёным. Выражает спокойствие, доверие и порядок. Самый используемый цвет в логотипах банков, технологических компаний и социальных сетей.

Другие названия: синий цвет.

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

HEX-код цвета «синий» — #0000FF. В RGB это rgb(0, 0, 255), в HSL — hsl(240, 100%, 50%), а в CMYK — 100, 100, 0, 0.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «синий»

Фиолетовый#8F00FFТёмно-фиолетовый#6A0DADТёмно-синий#00008BУльтрамарин#120A8FМорской синий#000080Маджента#FF00FF

Цвет «синий» вкратце

Цвет «синий» (#0000FF) — холодный, средней светлоты и очень насыщенный. Он относится к группе оттенки синего. Он состоит из 0 частей красного, 0 — зелёного и 255 — синего (из 255). Типичное применение: Логотипы, Веб, Брендинг, Мода.

Синий: образец цвета с оттенками от светлого до тёмного · #0000FF
Синий · #0000FF

Оттенки цвета «синий»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Цвета, которые сочетаются с цветом «синий»

Цвета, которые сочетаются с цветом «синий»: Белый, Оранжевый, Серый, Жёлтый, Бежевый
#0000FF · #FFFFFF · #FFA500 · #808080 · #FFFF00 · #F5F5DC
БелыйСвежо и чисто, как море и облака.ОранжевыйЕго дополнение для максимального контраста.СерыйСдержанно и профессионально.ЖёлтыйВесело и светло.БежевыйТепло и баланс.РозовыйМилый, современный контраст.КофейныйКлассическое, природное сочетание.ЗелёныйЕго естественный сосед, свежий и спокойный.
Как сочетать цвет «синий» в одежде и интерьере →

Гармонии цвета «синий»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Жёлтый
АналоговыеБлизко к: Лазурно-синий, Фиолетовый
ТриадаБлизко к: Красный, Неоново-зелёный
Расщеплённая комплементарнаяБлизко к: Оранжевый, Шартрёз
ТетрадаБлизко к: Глубокий розовый, Жёлтый, Весенний зелёный

Палитры с цветом «синий»

Скопируй коды или открой палитру в редакторе и настрой её.

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

Контраст цвета «синий» с текстом

Белый текстКонтраст 8.6:1 · AAA
Чёрный текстКонтраст 2.4:1 · Не рекомендуется

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --siniy: #0000FF;
  --siniy-rgb: 0, 0, 255;
}
.фон { background-color: var(--siniy); }
.текст { color: var(--siniy); }

Цвета, похожие на цвет «синий»

Синий КляйнаВиноградныйИндиговыйЭлектрик

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

ЧилиФлагиFC BarcelonaФутбольные клубыPepsiБрендыКоста-РикаФлагиBoca JuniorsФутбольные клубыGoogleБрендыКубаФлагиCruz AzulФутбольные клубыFacebookБрендыСальвадорФлагиPumas UNAMФутбольные клубыLinkedInБренды

Другие: оттенки синего

Морской синийНебесно-голубойКобальтовыйСапфировыйСтально-синийКоролевский синийЭлектрикПолночно-синийУльтрамаринФранцузский синийПрусский синийПастельно-голубойДетский голубойДжинсовый синийСиний КляйнаТёмно-синийСветло-голубойЛазоревыйБарвинковыйЛазурно-синийВасильковыйПыльно-голубойОкеанский синийПудрово-голубой
Синий: образец цвета с оттенками от светлого до тёмного · #0000FF
Синий: образец цвета с оттенками от светлого до тёмного · #0000FF

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «синий»?

HEX-код цвета «синий» — #0000FF. В RGB это rgb(0, 0, 255), в HSL — hsl(240, 100%, 50%), а в CMYK — 100, 100, 0, 0.

Какой цвет дополняет цвет «синий»?

Дополнительный цвет на цветовом круге — #FFFF00, оттенок, близкий к цвету «жёлтый». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «синий»?

Да. Контраст с белым — 8.6:1, этого достаточно для обычного текста (WCAG AA).

С какими цветами сочетается цвет «синий»?

Он хорошо сочетается с этими цветами: белый, оранжевый, серый, жёлтый, бежевый. Не смешивай слишком много очень разных синих без нейтрального цвета: это выглядит хаотично. С насыщенными фиолетовыми синий теряет ясность.