Тёплые и холодные цвета: как отличить и сочетать
Какие цвета тёплые, а какие холодные, как температура цвета влияет на восприятие, почему бывает тёплый синий и холодный красный. Таблица с HEX.
Основы цвета · · 2 мин чтения
Тёплые цвета — красные, оранжевые, жёлтые и их оттенки: они ассоциируются с огнём и солнцем и визуально «приближаются». Холодные цвета — синие, голубые, бирюзовые, сине-фиолетовые: они ассоциируются с водой и льдом и визуально «отдаляются». Зелёный и фиолетовый находятся на границе и могут быть как тёплыми, так и холодными.
Как определить температуру
На цветовом круге тёплая половина — от красного через оранжевый к жёлто-зелёному (тон примерно 0–90° в HSL), холодная — от зелёно-голубого через синий к сине-фиолетовому (примерно 150–270°). Остальное — переходные зоны.
| Тёплые | HEX | Холодные | HEX |
|---|---|---|---|
| Терракотовый | #C8553D |
Тёмно-синий | #1D3557 |
| Коралловый | #F08A5D |
Лазурный | #357AAE |
| Горчичный | #D9A441 |
Бирюзовый | #40ACC5 |
| Персиковый | #FEC89A |
Мятный | #A8DADC |
| Карамельный | #C18140 |
Сине-серый | #64748B |
Тёплый синий и холодный красный
Температура относительна. Красный с примесью синего (малиновый, #C92C6A) холоднее красного с примесью жёлтого (алый, #E63B2E). Синий с зеленцой (#2A9D8F) теплее синего с фиолетовым оттенком (#3A3FBF). Поэтому говорят о «тёплом» и «холодном» варианте любого тона.
Как температура работает в дизайне
- Глубина. Тёплый объект на холодном фоне кажется ближе — так выделяют кнопки и главные элементы.
- Настроение. Тёплые палитры — уют, энергия, аппетит; холодные — спокойствие, технологичность, чистота.
- Баланс. Палитра целиком из тёплых цветов может утомлять; холодный нейтральный фон делает её спокойнее.
Температура на фото
Свет меняет температуру снимка: вечернее солнце даёт тёплую палитру, пасмурный день и тень — холодную. Сравните сами: загрузите в генератор палитры фото заката и фото лагуны — первая палитра окажется тёплой, вторая холодной. Готовые примеры — в статье палитра заката.
Частые вопросы
Белый и серый — тёплые или холодные?
Нейтральные, но с подтоном: молочный и бежевый — тёплые, голубовато-белый и сине-серый — холодные. Подробнее в статье нейтральные цвета.
Можно ли сочетать тёплые и холодные цвета?
Да, это один из самых сильных приёмов. Сделайте одну температуру основной, а вторую используйте для акцентов.
Как температура цвета связана с кельвинами?
Цветовая температура света в кельвинах — физическая величина: низкие значения (2700 K) выглядят тёплыми, высокие (6500 K) — холодными. Названия «тёплый/холодный» в дизайне описывают восприятие, а не физику.