Цветовые палитры

Цвет «красно-оранжевый»

Находится ровно между красным и оранжевым, а в CSS называется orangered. В нём масса энергии, и он мгновенно привлекает внимание. Используется для кнопок, иконок уведомлений и у брендов, которые хотят выглядеть динамично.

Другие названия: оранжево-красный, orangered.

Открыть в редакторе

HEX-код цвета «красно-оранжевый» — #FF4500. В RGB это rgb(255, 69, 0), в HSL — hsl(16, 100%, 50%), а в CMYK — 0, 73, 100, 0.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «красно-оранжевый»

Красный Ferrari#FF2800Алый#FF2400Неоново-оранжевый#FF5F1FКрасный#FF0000Оранжевый хурма#EC5800Тыквенный#FF7518

Цвет «красно-оранжевый» вкратце

Цвет «красно-оранжевый» (#FF4500) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки оранжевого. Он состоит из 255 частей красного, 69 — зелёного и 0 — синего (из 255). Типичное применение: Веб, Айдентика, Логотипы.

Красно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF4500
Красно-оранжевый · #FF4500

Оттенки цвета «красно-оранжевый»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «красно-оранжевый»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Насыщенный небесно-голубой
АналоговыеБлизко к: Вишнёвый, Подсолнуховый
ТриадаБлизко к: Неоново-зелёный, Синий
Расщеплённая комплементарнаяБлизко к: Аквамариновый, Синий
ТетрадаБлизко к: Неоново-зелёный, Насыщенный небесно-голубой, Фиолетовый

Палитры с цветом «красно-оранжевый»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Красно-оранжевый
Палитра: Аналоговая · Красно-оранжевый
Палитра: Комплементарная · Красно-оранжевый
Палитра: Триада · Красно-оранжевый
Палитра: С нейтральными цветами · Красно-оранжевый
Палитра: С акцентом · Красно-оранжевый

Контраст цвета «красно-оранжевый» с текстом

Белый текстКонтраст 3.4:1 · AA крупный текст
Чёрный текстКонтраст 6.1:1 · AA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --krasno-oranzhevyy: #FF4500;
  --krasno-oranzhevyy-rgb: 255, 69, 0;
}
.фон { background-color: var(--krasno-oranzhevyy); }
.текст { color: var(--krasno-oranzhevyy); }

Цвета, похожие на цвет «красно-оранжевый»

ТоматныйМахагоновыйЖжёный оранжевыйКиноварь

Другие: оттенки оранжевого

ОранжевыйМандариновыйТыквенныйМорковныйАбрикосовыйПерсиковыйКоралловыйТерракотаЖжёный оранжевыйЛососевыйРжавыйМедныйНеоново-оранжевыйПастельно-оранжевыйМанговыйДынныйОранжевый хурмаСветло-лососевыйТёмно-оранжевыйЖжёная сиенаКораллово-розовый
Красно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF4500
Красно-оранжевый: образец цвета с оттенками от светлого до тёмного · #FF4500

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовУзор из цветов дня рожденияКлетка и полоски из дней рождения всей семьиЦветотип по селфиУзнай свой сезон и лучшие цвета по одному фото
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «красно-оранжевый»?

HEX-код цвета «красно-оранжевый» — #FF4500. В RGB это rgb(255, 69, 0), в HSL — hsl(16, 100%, 50%), а в CMYK — 0, 73, 100, 0.

Какой цвет дополняет цвет «красно-оранжевый»?

Дополнительный цвет на цветовом круге — #00BAFF, оттенок, близкий к цвету «насыщенный небесно-голубой». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «красно-оранжевый»?

Лучше используй чёрный текст: контраст с белым всего 3.4:1, а с чёрным — 6.1:1.