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

Колір помаранчевий

Назва походить від помаранчі — так раніше в Україні називали апельсин. Колір поєднує енергію червоного з радістю жовтого. Його часто бачимо на сигнальних жилетах, вивісках розпродажів і в брендах, що хочуть здаватися дружніми.

Інші назви: оранжевий.

Помаранчевий · #FF8000

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

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

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

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

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

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

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

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

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

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

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

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

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

Білий текстКонтраст 2.5:1 · Не рекомендовано
Чорний текстКонтраст 8.3:1 · AAA

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

CSS-код

:root {
  --pomaranchevyi: #FF8000;
  --pomaranchevyi-rgb: 255, 128, 0;
}
.tlo { background-color: var(--pomaranchevyi); }
.tekst { color: var(--pomaranchevyi); }

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

МандариновийГарбузовийМорквянийНеоновий помаранчевийПалений помаранчевийКоричнийОхраКораловийЧервоно-помаранчевийЧервоне дерево

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

Палітри кольорів для мобільного застосункуПалітри кольорів на ХелловінПалітри кольорів Дня мертвихПалітри веселих кольорів

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

МандариновийГарбузовийМорквянийАбрикосовийПерсиковийКораловийТеракотовийПалений помаранчевийЛососевийІржавийМіднийНеоновий помаранчевийПастельний помаранчевийЧервоно-помаранчевий

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

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

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

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

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

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

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

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

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