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

Цвет «сланцево-синий»

Средний синий с уклоном в фиолетовый, с холодным и слегка дымчатым видом. Стандартный цвет в CSS. Добавит спокойный акцент веб-интерфейсам, графике и современным пространствам.

Другие названия: slate blue, фиолетово-синий.

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

HEX-код цвета «сланцево-синий» — #6A5ACD. В RGB это rgb(106, 90, 205), в HSL — hsl(248, 53%, 58%), а в CMYK — 48, 56, 0, 20.

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

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

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

Королевский синий#4169E1Аметистовый#9966CCСапфировый#0F52BAКоролевский фиолетовый#7851A9Кобальтовый#0047ABВиноградный#6F2DA8

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

Цвет «сланцево-синий» (#6A5ACD) — холодный, средней светлоты и средней насыщенности. Он относится к группе оттенки синего. Он состоит из 106 частей красного, 90 — зелёного и 205 — синего (из 255). Типичное применение: Веб, Графический дизайн, Интерьер.

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

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

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

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

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

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

КомплементарнаяБлизко к: Латунный
АналоговыеБлизко к: Васильковый, Аметистовый
ТриадаБлизко к: Терракота, Пастельно-зелёный
Расщеплённая комплементарнаяБлизко к: Оленёнок, Пастельно-зелёный
ТетрадаБлизко к: Румяный, Латунный, Бирюзовый

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

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

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

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

Белый текстКонтраст 5.3:1 · AA
Чёрный текстКонтраст 4.0:1 · AA крупный текст

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

CSS-код

:root {
  --slantsevo-siniy: #6A5ACD;
  --slantsevo-siniy-rgb: 106, 90, 205;
}
.фон { background-color: var(--slantsevo-siniy); }
.текст { color: var(--slantsevo-siniy); }

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

ЭлектрикСиний КляйнаДжинсовый синийЛазурно-синий

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветноеЦветовой автоматПотяни рычаг и получи цветовую палитру
Все бесплатные инструменты →

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

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

HEX-код цвета «сланцево-синий» — #6A5ACD. В RGB это rgb(106, 90, 205), в HSL — hsl(248, 53%, 58%), а в CMYK — 48, 56, 0, 20.

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

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

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

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