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

Цвет «тёмно-серый»

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

Другие названия: тёмно-серый цвет.

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

HEX-код цвета «тёмно-серый» — #555555. В RGB это rgb(85, 85, 85), в HSL — hsl(0, 0%, 33%), а в CMYK — 0, 0, 0, 67.

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

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

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

Графитовый#474A51Свинцово-серый#6C6F73Оксфордский серый#3A3B3CУгольно-серый#36454FОниксовый#353839Тауп#483C32

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --temno-seryy: #555555;
  --temno-seryy-rgb: 85, 85, 85;
}
.фон { background-color: var(--temno-seryy); }
.текст { color: var(--temno-seryy); }

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

ГагатовыйСтально-серыйАнтрацитовыйСерый

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

Палитры цветов для выпускногоПалитры цветов для логотипаПалитры цветов для сайтовПалитры цветов для InstagramПалитры цветов для презентацийЦветовые палитры для резюме

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветотип по селфиУзнай свой сезон и лучшие цвета по одному фотоКакого цвета твой голос?Говори 5 секунд и преврати свой голос в цвет
Все бесплатные инструменты →

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

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

HEX-код цвета «тёмно-серый» — #555555. В RGB это rgb(85, 85, 85), в HSL — hsl(0, 0%, 33%), а в CMYK — 0, 0, 0, 67.

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

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

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

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