Палитра розового: коды, названия и сочетания
Розовый цвет — это спектр оттенков от бледно-персикового до насыщенного неонового маджента. Чтобы быстро подобрать нужный тон, используйте стандартные коды: классический розовый — #FFC0CB, нежный пастельный — #FFD1DC, яркий акцентный (фуксия) — #FF00FF. Ниже представлена структурированная таблица с HEX и RGB значениями популярных вариаций, а также рекомендации по их применению в дизайне и интерьере.
Оглавление
Базовые и стандартные оттенки
Эти цвета заложены в стандартах HTML/CSS и графических редакторов. Они универсальны и предсказуемо отображаются на любых устройствах.
| Название | HEX | RGB | Описание |
|---|---|---|---|
| Pink (Розовый) | #FFC0CB | 255, 192, 203 | Стандартный веб-розовый. Мягкий, теплый, хорошо читается на белом. |
| Light Pink (Светло-розовый) | #FFB6C1 | 255, 182, 193 | Чуть более насыщенный, чем пастельный, но все еще очень светлый. |
| Hot Pink (Ярко-розовый) | #FF69B4 | 255, 105, 180 | Энергичный, заметный оттенок. Часто используется для кнопок CTA. |
| Deep Pink (Глубокий розовый) | #FF1493 | 255, 20, 147 | Насыщенный, интенсивный цвет близкий к фуксии. |
Для интерфейсов (UI) лучше всего подходит #FFC0CB или #FFB6C1 в качестве фона карточек, так как они обеспечивают достаточный контраст с темно-серым текстом (#333333), не утомляя глаза.
Пастельная и нюдовая гамма
Идеальны для «воздушного» дизайна, бьюти-тематики, свадебной полиграфии и скандинавских интерьеров. Эти оттенки часто имеют подтон персикового или лавандового.
| Название | HEX | RGB | Особенности |
|---|---|---|---|
| Pastel Pink (Пастельный) | #FFD1DC | 255, 209, 220 | Классический «детский» розовый, мягкий и спокойный. |
| Millennial Pink (Миллениал) | #F3CFC6 | 243, 207, 198 | Теплый, с бежевым подтоном. Тренд 2010-х, ставший классикой минимализма. |
| Blush (Румянец) | #DE5D83 | 222, 93, 131 | Более насыщенный, чем пастель, но приглушенный. Похож на натуральный румянец. |
| Lavender Blush (Лавандовый румянец) | #FFF0F5 | 255, 240, 245 | Очень светлый, почти белый с едва уловимым холодным подтоном. |
| Misty Rose (Туманная роза) | #FFE4E1 | 255, 228, 225 | Теплый, близкий к телесному оттенку. |
Яркие, неоновые и глубокие тона
Используются для привлечения внимания, в стиле поп-арт, киберпанк или для создания дерзкого брендинга. Требуют осторожности в дозировке.
| Название | HEX | RGB | Где применять |
|---|---|---|---|
| Fuchsia (Фуксия) | #FF00FF | 255, 0, 255 | Максимальная насыщенность. Для акцентов, логотипов, ночных вывесок. |
| Magenta (Маджента) | #FF00FF | 255, 0, 255 | В цифровой среде идентичен фуксии. В печати (CMYK) — один из основных цветов. |
| Cerise (Вишневый) | #DE3163 | 222, 49, 99 | Глубокий, ягодный оттенок. Выглядит дороже и сложнее неона. |
| Ruby Pink (Рубиновый) | #E0115F | 224, 17, 95 | Благородный темный розовый с красным подтоном. |
| Neon Pink (Неоновый) | #FF10F0 | 255, 16, 240 | «Кислотный» оттенок для молодежных брендов и гейм-дизайна. |
Неоновые оттенки (#FF00FF, #FF10F0) плохо воспринимаются в большом объеме. Используйте их только для микро-взаимодействий (ховеры, иконки, кнопки), иначе пользователь быстро устанет от визуального шума.
Сложные оттенки: с примесью серого, фиолетового и коричневого
«Взрослые» и элегантные варианты розового. Они выглядят сдержанно и хорошо сочетаются с натуральными материалами (дерево, камень, лен).
| Название | HEX | RGB | Характеристика |
|---|---|---|---|
| Dusty Rose (Пыльная роза) | #DCAE96 | 220, 174, 150 | Приглушенный, с серо-бежевым подтоном. Хит интерьерного дизайна. |
| Old Rose (Старая роза) | #C08081 | 192, 128, 129 | Винтажный, слегка выцветший оттенок. |
| Mauve (Лиловый) | #E0B0FF | 224, 176, 255 | Розовый с явной фиолетовой примесью. Холодный и загадочный. |
| Salmon (Лососевый) | #FA8072 | 250, 128, 114 | Розово-оранжевый, теплый и энергичный. |
| Coral Pink (Коралловый) | #F88379 | 248, 131, 121 | Ярче лососевого, ближе к тропической гамме. |
Готовые сочетания и палитры
Чтобы розовый не выглядел приторно или дешево, его нужно грамотно окружить другими цветами.
1. Нежность и воздух (Сканди/Минимализм)
- Основной: Pastel Pink (
#FFD1DC) - Дополнительный: White (
#FFFFFF) - Акцент: Soft Grey (
#CCCCCC) или Light Beige (#F5F5DC) - Где использовать: Сайты косметики, блоги, лайфстайл-приложения.
2. Драма и контраст (Модный журнал/Премиум)
- Основной: Dusty Rose (
#DCAE96) или Old Rose (#C08081) - Дополнительный: Charcoal Black (
#36454F) или Dark Graphite (#2C2C2C) - Акцент: Gold (
#D4AF37) — для линий и иконок. - Где использовать: Упаковка парфюмерии, приглашения, fashion-лендинги.
3. Энергия и драйв (Спорт/IT/Стартапы)
- Основной: Hot Pink (
#FF69B4) или Deep Pink (#FF1493) - Дополнительный: Pure White (
#FFFFFF) - Акцент: Electric Blue (
#7DF9FF) или Lime Green (#CCFF00) - Где использовать: Фитнес-приложения, промо-страницы, рекламные баннеры.
Проверяйте контрастность текста на розовом фоне. Белый текст на светло-розовом (#FFC0CB) нечитаем. Используйте темно-серый (#333333) или черный шрифт для светлых фонов, и белый — только для глубоких оттенков (#FF1493 и темнее).
Частые ошибки при работе с розовым
- Игнорирование контекста культуры. В западной культуре розовый ассоциируется с женственностью и романтикой, но в некоторых контекстах (например, финансы) он может восприниматься как несерьезный. Для финтеха лучше использовать приглушенные, «пыльные» варианты или сочетать с надежным синим.
- Перегруз неоновыми цветами. Использование
#FF00FFна весь экран вызывает физический дискомфорт. Неоновый розовый — это специя, а не основное блюдо. - Плохой контраст. Самая частая ошибка в веб-доступности (a11y). Светло-розовый фон + белый текст = невидимый контент. Всегда проверяйте соотношение контрастности (минимум 4.5:1 для обычного текста).
- Шаблонность «Барби». Сочетание ярко-розового с чисто белым часто выглядит дешево и ассоциируется с детской игрушкой. Чтобы сделать дизайн взрослым, добавляйте сложные оттенки (серый, бежевый, дерево, черный).
FAQ
Какой код у цвета «пудровый розовый»?
У «пудрового» нет одного стандарта, но чаще всего дизайнеры используют оттенки близкие к #E8D3D3, #DCAE96 (пыльная роза) или #FADADD. Это всегда ненасыщенные, теплые цвета с низкой яркостью.
Чем отличается Fuchsia от Magenta в вебе?
В формате HEX и RGB для веб-дизайна Fuchsia и Magenta — это один и тот же цвет: #FF00FF. Разница проявляется только в полиграфии (CMYK), где маджента является одним из трех основных цветов печати.
С каким цветом лучше всего сочетается розовый в интерьере? Беспроигрышные варианты:
- С серым (любой глубины) — для спокойствия.
- С зеленым (оливковым, изумрудным, мятным) — природное, свежее сочетание.
- С золотом или латунью — для роскоши.
- С темно-синим (navy) — для строгого контраста.
Как сделать розовый цвет «дороже»? Добавьте к нему серый или коричневый подтон (получится dusty rose, old rose, nude). Избегайте чистых, максимально насыщенных спектров, если задача не стоит в создании эпатажного образа. Матовые текстуры также воспринимаются благороднее глянцевых.