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

Цвет «светло-серый»

Светлый серый, который в CSS называется lightgray. Мягкий и неброский. Подходит для рамок, фонов и стен в скандинавском стиле.

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

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

HEX-код цвета «светло-серый» — #D3D3D3. В RGB это rgb(211, 211, 211), в HSL — hsl(0, 0%, 83%), а в CMYK — 0, 0, 0, 17.

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

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

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

Жемчужно-серый#D1D0CEПлатиновый#E5E4E2Серебряный#C0C0C0Алебастровый#EDEAE0Костяной белый#E3DAC9Серый меланж#B6B6B4

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --svetlo-seryy: #D3D3D3;
  --svetlo-seryy-rgb: 211, 211, 211;
}
.фон { background-color: var(--svetlo-seryy); }
.текст { color: var(--svetlo-seryy); }

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

Пепельно-серыйПастельно-голубойДымчато-белыйЛьняной

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

Палитры цветов для свадьбыПалитры цветов для крестинПалитры цветов для дня рожденияПалитры цветов для baby showerПалитры цветов для кинсеаньеры (праздника 15-летия)Палитры цветов для выпускного

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

СерыйТёмно-серыйСеребряныйУгольно-серыйСланцево-серыйПепельно-серыйЖемчужно-серыйОксфордский серыйГрафитовыйТаупСтально-серыйСвинцово-серыйДымчато-серыйКаменно-серыйПлатиновыйСине-серыйГрейджСерый меланжОловянныйТёплый серый
Светло-серый: образец цвета с оттенками от светлого до тёмного · #D3D3D3
Светло-серый: образец цвета с оттенками от светлого до тёмного · #D3D3D3

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

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

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

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

HEX-код цвета «светло-серый» — #D3D3D3. В RGB это rgb(211, 211, 211), в HSL — hsl(0, 0%, 83%), а в CMYK — 0, 0, 0, 17.

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

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

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

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