Оранжевый цвет — это хроматический оттенок между красным и жёлтым в цветовом круге (примерно 30°–45° по HSL/HSV), который возникает при смешении этих цветов в аддитивных (свет) и субтрактивных (пигменты) системах. Базовое правило: оранжевый получают из красного и жёлтого с корректировкой по насыщенности и светлоте.
🎨 Модели цвета и рецептуры
В цифровых системах (RGB) оранжевый — это преобладающий красный с заметной долей зелёного и нулевым синим. В печати (CMYK) — это высокие доли пурпурного и жёлтого с минимальным цианом и чёрным. В пигментах — смешение тёплого красного (например, Пиррол PR254) и яркого жёлтого (например, Азо PY74). В восприятии человека пик оранжевого соответствует примерно 590–610 нм видимого спектра.
Контекст | Спецификация | Пример рецептуры | Комментарий | Эмодзи |
---|---|---|---|---|
RGB (свет) | RGB(255, 165, 0) | Hex #FFA500 | Стандартный web-orange | 🖥️ |
HSL/HSV | H≈39°, S=100%, L≈50% / V=100% | H: 30°–45° для вариаций | Сдвиг тона меняет «теплоту» | 🎚️ |
CMYK (офсет) | C=0, M≈35–50, Y=100, K=0–10 | 0/50/100/0 для яркого | Корректируют под профиль печати | 📰 |
Пигменты (акрил) | PR254 + PY74 | 1 часть красного : 2–3 части жёлтого | Добавка белил для пастели | 🖌️ |
Акварель | PO62/PO73 + PY150 | Тёплый оранжевый на гранулирующей основе | Вода снижает насыщенность | 💧 |
LED смешение | R+G, B=0 | R=255, G≈128–180, B=0 | Оптимизация по CRI необходима | 💡 |
Pantone (прибл.) | Pantone 1505 C | Formula Guide для тиража | Смежные: 151 C, Orange 021 C | 📘 |
Пищевые красители | Каротин/куркумин + аннато | Жёлтый + немного красного | Термостабильность важна | 🍊 |
🟧 Практические рецепты для красок
- Гуашь: кадмий красный светлый + кадмий жёлтый средний в пропорции 1:2. Для яркости — капля тёплого жёлтого; для приглушения — след умбры жжёной.
- Акрил: пиррол красный (PR254) 1 часть + азо жёлтый (PY74) 2–3 части. Для светлых тонов — титановые белила, но учитывайте «молочность» белил.
- Масло: нафтоловый красный (PR170) + бензимидазолон жёлтый (PY154). Используйте льняное масло для глянца; для матовости — добавляйте воск.
- Акварель: прозрачный оранжевый (PO73) + никель-азо жёлтый (PY150). Разводите водой, не «перетирать» кювету, чтобы не потерять прозрачность.
🖼️ Тонкие настройки оттенка
Чтобы сделать оранжевый теплее, добавьте тёплый жёлтый (например, кадмий жёлтый тёмный) или каплю красно-оранжевого (PO73). Чтобы сделать его холоднее — используйте более лимонный жёлтый (PY3) и уменьшите долю красного. Для приглушения применяйте комплементарный синий/сине-фиолетовый в количестве «на кончике кисти»: это сдвигает цвет к терракоте, снижая насыщенность без «загрязнения».
- Осветление: белила (в пигментах) или повышение L/V (в HSL/HSV); при этом падает насыщенность — компенсируйте небольшой прибавкой красного.
- Утемнение: капля умбры жжёной или пурпурного; в CMYK — добавление K до 5–10% вместе с лёгким увеличением M.
- Неон/сигнальный: используйте флуоресцентные пигменты или в RGB повышайте G ближе к 180 при полном R.
🧪 Цифровая практика
Для интерфейсов и веба берите базу #FFA500 либо варьируйте оттенок в пределах H=30°–45°. Учитывайте доступность: контраст текста на оранжевом фоне должен соответствовать WCAG.
/* CSS-сниппет: палитра оранжевых */
:root {
--orange: #FFA500;
--orange-warm: #FF8C00; /* более тёплый, темнее */
--orange-light: #FFC04D; /* осветлённый */
--orange-soft: #E69500; /* приглушённый */
}
.badge { background-color: var(--orange); color: #111; }
/* Контраст проверяйте по WCAG 2.x (AA/AAA) */
<!-- SVG-градиент для фона UI -->
<svg width="0" height="0" viewBox="0 0 1 1" aria-hidden="true">
<defs>
<linearGradient id="grad-orange" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#FFA500"/>
<stop offset="100%" stop-color="#FF8C00"/>
</linearGradient>
</defs>
</svg>
📚 Теория: аддитивное vs субтрактивное
В RGB (мониторы, светодиоды) добавление света повышает яркость: оранжевый = красный + зелёный, синий отсутствует. В CMYK/пигментах краски поглощают свет: оранжевый = смешение красного и жёлтого; избыток синего или чёрного делает цвет «грязным». В разных системах один и тот же «код» не гарантирует одинаковый визуальный результат из-за охвата (gamut) и профилей устройств.
🍊 Частые ошибки и как их избежать
- Грязь при смешении: смешиваете «холодный» красный с «холодным» жёлтым (синие подтоны). Выбирайте тёплые пары (PR254 + PY74).
- Потеря яркости при осветлении: избыток белил. Решение — сначала увеличьте долю жёлтого, затем слегка осветлите.
- Не совпадает с печатью: отсутствует цветопрофиль. Используйте проверку по CMYK и софт-пруф под ISO Coated v2 или GRACoL; делайте цветопробу.
- Флуоресцентный «горит» на экране, но тусклый на бумаге: обычные CMYK-краски не воспроизводят флуоресценцию; нужны специальные краски.
🧩 Варианты оранжевого и коррекции
Светлый пастельный персиковый: добавьте белил и каплю розового. Терракотовый: приглушите синим/умброй и слегка сдвиньте тон к красному. Янтарный: сдвиньте H к 45°–50°, уменьшите V, добавьте прозрачности (в акварели — больше воды, в цифровом — alpha 0.8). Для «сочного» апельсинового поднимите S до 90–100% при V=95–100% в HSV.
🧾 Источники и документы (для ориентира)
- W3C: CSS Color Module Level 4 (спецификация именованных и функциональных цветов).
- CIE 1931 XYZ и цветовые пространства: основные определения колориметрии.
- ГОСТ Р ISO 12647-2:2017: процессы офсетной печати и допуски по цвету.
- Pantone Formula Guide: рецептуры смесевых красок для полиграфии.
- ASTM D4303: светостойкость художественных материалов (акварель/акрил/масло).
🔧 Быстрые «шпаргалки»
- Базовый веб-оранжевый: #FFA500; акцент — #FF8C00; пастель — #FFD199.
- Печать: начните с C0 M50 Y100 K0, затем подгоняйте под профиль и бумагу.
- Пигменты: 1 часть красного к 2–3 частям жёлтого; затем корректируйте каплями.
- Комплементарный к оранжевому — синий; он нужен для нейтрализации и теней.
❓FAQ по смежным темам
- Как получить «жжёный» (burnt) оранжевый для кирпича и терракоты?
-
Сместите тон к красному (добавьте каплю кармина/умбры жжёной) и снизьте насыщенность комплементарным синим. В CMYK добавьте 5–10% K и увеличьте M на 5%.
- Как сделать неоновый оранжевый для плаката?
-
В RGB используйте R=255, G≈180, B=0 и высокий контраст фона. Для печати нужны флуоресцентные краски (стандартный CMYK не даст «неона»).
- Какие пигменты наиболее светостойкие для оранжевого?
-
PR254 (Пиррол Красный) и PY154/PY74 (Бензимидазолон/Азо Жёлтый) обладают хорошей светостойкостью по ASTM. Избегайте органических с низкой стойкостью в работах для солнечных экспозиций.
- Как получить тёплый персиковый для тона кожи?
-
Основа — оранжевый, осветлённый белилами, с каплей розового (PV19) и следом охры светлой. В цифровом: H≈25°–30°, S≈30–40%, L≈80%.
- Почему мой оранжевый уходит в «грязь» при смешении?
-
Вероятно, используете холодные пигменты с синим подтоном или добавляете лишний чёрный. Перейдите на тёплые пары и приглушайте комплементарным «по капле».
- Как корректно затемнить оранжевый без потери яркости?
-
Смешайте с красно-коричневым (умбра жжёная/сиена жжёная) либо чуть сдвиньте тон к красному, вместо прямого добавления чёрного; в RGB снижайте V и слегка повышайте S.
- Чем отличается #FFA500 от Orange в разных библиотеках?
-
В CSS именованный orange закреплён как #FFA500, но в палитрах брендов/OS могут быть иные «оранжевые» пресеты. Проверяйте спецификацию и профили устройств.