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

Цвет «светло-голубой»

Мягкий и яркий голубой, который в CSS называется lightblue. Спокойный и чистый. Используется для фонов, летней одежды и пространств, которые должны казаться воздушными.

Другие названия: lightblue.

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

HEX-код цвета «светло-голубой» — #ADD8E6. В RGB это rgb(173, 216, 230), в HSL — hsl(195, 53%, 79%), а в CMYK — 25, 6, 0, 10.

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

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

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

Пудрово-голубой#B0E0E6Пастельно-голубой#AEC6CFНебесно-голубой#87CEEBПастельно-бирюзовый#AFEEEEДетский голубой#89CFF0Светло-серый#D3D3D3

Цвет «светло-голубой» вкратце

Цвет «светло-голубой» (#ADD8E6) — холодный, светлый и средней насыщенности. Он относится к группе оттенки синего. Он состоит из 173 частей красного, 216 — зелёного и 230 — синего (из 255). Типичное применение: Веб, Интерьер, Для детей.

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --svetlo-siniy: #ADD8E6;
  --svetlo-siniy-rgb: 173, 216, 230;
}
.фон { background-color: var(--svetlo-siniy); }
.текст { color: var(--svetlo-siniy); }

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

Цвет утиного яйцаЖемчужно-серыйСеребряныйПепельно-серый

Тематические палитры с этим цветом

Палитры цветов для выпускногоПалитры цветов для InstagramЦветовые палитры для кухниЦветовые палитры для гостинойЭстетичные цветовые палитрыЛетние цветовые палитры

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

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

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

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

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

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

HEX-код цвета «светло-голубой» — #ADD8E6. В RGB это rgb(173, 216, 230), в HSL — hsl(195, 53%, 79%), а в CMYK — 25, 6, 0, 10.

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

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

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

Лучше используй чёрный текст: контраст с белым всего 1.5:1, а с чёрным — 13.7:1.