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

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

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

Інші назви: orangered.

Червоно-помаранчевий · #FF4500

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

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

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

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

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

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

КомплементарнаБлизький до: Ніжно-блакитний
АналоговіБлизький до: Вишневий, Соняшниковий
ТріадаБлизький до: Неоновий зелений, Синій
Розщеплена комплементарнаБлизький до: Аквамариновий, Синій
ТетрадаБлизький до: Неоновий зелений, Ніжно-блакитний, Фіолетовий

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

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

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

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

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

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

CSS-код

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

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

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

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

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

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

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

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

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

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

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

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