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

Колір червоний

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

Червоний · #FF0000

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

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

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

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

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

ЧорнийПотужний і елегантний дует.БілийСвіжо й весело.Темно-синійКласика морського стилю.СірийЗаспокоює червоний і робить його стриманим.БежевийТепла й елегантна основа.ЗолотийРозкіш і свято.КемелТеплий і вишуканий контраст.Пудрово-рожевийМ’який і модний контраст.
Як поєднувати колір червоний в одязі та інтер’єрі →

Колір червоний: колірні гармонії

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

КомплементарнаБлизький до: Ціан
АналоговіБлизький до: Насичений рожевий, Помаранчевий
ТріадаБлизький до: Неоновий зелений, Синій
Розщеплена комплементарнаБлизький до: М’ятний, Електрик
ТетрадаБлизький до: Шартрез, Ціан, Фіолетовий

Колір червоний: готові палітри

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

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

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

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

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

CSS-код

:root {
  --chervonyi: #FF0000;
  --chervonyi-rgb: 255, 0, 0;
}
.tlo { background-color: var(--chervonyi); }
.tekst { color: var(--chervonyi); }

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

ШарлаховийЧервоний FerrariЧервоно-помаранчевийНеоновий помаранчевийКіноварнийВишневийТоматнийЧервоне деревоГарбузовийКармазиновий

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

КармазиновийШарлаховийКіноварнийГранатовийБордовийВиннийКарміновийРубіновийВишневийЦеглянийКриваво-червонийМарсалаТоматнийЧервоний FerrariІндійський червоний

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

Який код кольору червоний?

HEX-код кольору червоний — #FF0000. У RGB це rgb(255, 0, 0), у HSL — hsl(0, 100%, 50%), а в CMYK — 0, 100, 100, 0.

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

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

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

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

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

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