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

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

Сильний повний помаранчевий, одна з офіційних назв кольорів у HTML і CSS. Попри назву, він радше яскравий, ніж темний. Ідеальний для кнопок, логотипів і спортивної форми.

Інші назви: dark orange.

Відкрити в редакторі

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

Як він виглядає насправді

Виберіть колір для поєднання й подивіться, як він виглядає на одязі, в інтер'єрі та в дизайні.

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

Мандариновий#F28500Помаранчевий#FF8000Морквяний#ED9121Гарбузовий#FF7518Чорнобривцевий#EAA221Манговий#FF8243

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

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

Зразок кольору Темно-помаранчевий з відтінками від світлого до темного · #FF8C00
Темно-помаранчевий · #FF8C00

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

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

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

КоричнийХурмовийОхраПастельний помаранчевий

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

Палітри кольорів на ХелловінПалітри кольорів Дня мертвихПалітри веселих кольорів

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

ПомаранчевийМандариновийГарбузовийМорквянийАбрикосовийПерсиковийКораловийТеракотовийПалений помаранчевийЛососевийІржавийМіднийНеоновий помаранчевийПастельний помаранчевийЧервоно-помаранчевийМанговийДиневийХурмовийСвітло-лососевийПалена сієнаКоралово-рожевий
Зразок кольору Темно-помаранчевий з відтінками від світлого до темного · #FF8C00
Зразок кольору Темно-помаранчевий з відтінками від світлого до темного · #FF8C00

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

Палітра кольорів з іменіВведи ім’я й отримай власну палітру кольорівВізерунок із кольорів днів народженняКлітинка й смужки з днів народження родиниАналіз кольоротипу за селфіДізнайтеся свій сезон і найкращі кольори за одним фото
Усі безкоштовні інструменти →

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

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

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

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

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

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

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