Палітри кольорів

Колір сірий

Середина між білим і чорним. Він нейтральний і врівноважений, тож дає іншим кольорам виділитися. Його використовують для другорядного тексту, базового гардероба та сучасного декору.

Сірий · #808080

Колір сірий: основні дані

Колір сірий (#808080) — нейтральний, середньої світлоти і майже без насиченості. Належить до групи: відтінки сірого. Складається з 128 червоного, 128 зеленого й 128 синього (за шкалою до 255). Де його найчастіше використовують: Веб, Декор, Мода, Брендинг.

Колір сірий: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Перегляньте всі відтінки: Генератор відтінків кольору

Кольори, що поєднуються з кольором сірий

БілийЧистий мінімалістичний дует.ЧорнийСтриманий і сучасний образ.ЖовтийВеселий акцент, що освітлює сірий.Пудрово-рожевийМ’яке й сучасне поєднання.Темно-синійЕлегантно й професійно.ГірчичнийТепло на холодній основі.ШавлієвийСпокійне природне поєднання.ВиннийГлибокий і елегантний акцент.
Як поєднувати колір сірий в одязі та інтер’єрі →

Колір сірий: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

Комплементарна
Аналогові
Тріада
Розщеплена комплементарна
Тетрада

Колір сірий: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

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

Колір сірий: контраст із текстом

Білий текстКонтраст 3.9:1 · AA великий текст
Чорний текстКонтраст 5.3:1 · AA

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --siryi: #808080;
  --siryi-rgb: 128, 128, 128;
}
.tlo { background-color: var(--siryi); }
.tekst { color: var(--siryi); }

Кольори, схожі на колір сірий

ДимчастийСталевий сірийСвинцевийКам’яний сірийСланцевий сірийТемно-сірийСіро-блакитнийГрейжГрафітовийМокко

Тематичні палітри з цим кольором

Інші відтінки сірого

Світло-сірийТемно-сірийСрібнийВугільно-сірийСланцевий сірийПопелястийПерлинно-сірийОксфордський сірийГрафітовийТаупСталевий сірийСвинцевийДимчастийКам’яний сірийПлатиновийСіро-блакитнийГрейж

Часті запитання

Який код кольору сірий?

HEX-код кольору сірий — #808080. У RGB це rgb(128, 128, 128), у HSL — hsl(0, 0%, 50%), а в CMYK — 0, 0, 0, 50.

Який колір комплементарний до кольору сірий?

Комплементарний колір на колірному колі — #808080, відтінок, близький до кольору «сірий». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі сірий?

Краще використовуйте чорний текст: контраст із білим лише 3.9:1, а з чорним — 5.3:1.

З якими кольорами поєднується колір сірий?

Добре поєднується з такими кольорами: білий, чорний, жовтий, пудрово-рожевий, темно-синій. Не поєднуйте сірі різної температури, наприклад синюватий і зеленкуватий: вони виглядають розбалансовано. Сірий з дуже жовтим бежевим теж може здаватися брудним.