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

Цвет «серый»

Это середина между белым и чёрным. Нейтральный и уравновешенный, он позволяет раскрыться остальным цветам. Используется для второстепенных текстов, базовой одежды и в современных интерьерах.

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

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

HEX-код цвета «серый» — #808080. В RGB это rgb(128, 128, 128), в HSL — hsl(0, 0%, 50%), а в CMYK — 0, 0, 0, 50.

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

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

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

Дымчато-серый#848884Стально-серый#71797EСвинцово-серый#6C6F73Каменно-серый#928E85Оловянный#899499Сланцево-серый#708090

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

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

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

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

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

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

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

Цвета, которые сочетаются с цветом «серый»: Белый, Чёрный, Жёлтый, Пудрово-розовый, Тёмно-синий
#808080 · #FFFFFF · #000000 · #FFFF00 · #E8B4B8 · #000080
БелыйЧистая, минималистичная пара.ЧёрныйЭлегантное, современное сочетание.ЖёлтыйВесёлый акцент, который оживляет серый.Пудрово-розовыйНежное, современное сочетание.Тёмно-синийЭлегантно и профессионально.ГорчичныйТепло на холодной основе.ШалфейныйСпокойное, природное сочетание.ВинныйГлубокий, элегантный оттенок.
Как сочетать цвет «серый» в одежде и интерьере →

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

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

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

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

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

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

CSS-код

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

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

Тёплый серыйПыльно-голубойТёмно-серыйГрибной

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

АргентинаФлагиСборная АргентиныФутбольные клубыAirbnbБрендыStarbucksБрендыMicrosoftБренды

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

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

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

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

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

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

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

HEX-код цвета «серый» — #808080. В RGB это rgb(128, 128, 128), в HSL — hsl(0, 0%, 50%), а в CMYK — 0, 0, 0, 50.

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

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

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

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

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

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