6 цветовых гармоний и как их использовать
Монохромная, аналоговая, комплементарная, расщеплённая, триада и тетрада: как устроены цветовые гармонии, когда их применять и примеры HEX-кодов.
Основы цвета · · 2 мин чтения
Цветовая гармония — это схема выбора цветов по их положению на цветовом круге. Шесть основных схем: монохромная (один тон разной светлоты), аналоговая (соседние тона), комплементарная (противоположные), расщеплённая комплементарная, триада (три тона через 120°) и тетрада (четыре тона). Ниже — как выглядит каждая и когда её выбирать.
1. Монохромная
Один тон в разных вариантах светлоты и насыщенности.
- Пример:
#0B3D5C,#1E6A96,#5FA3CC,#BFDDF0 - Когда: минималистичные интерфейсы, деловые презентации, фирменный стиль «в одном цвете».
- Риск: скучно без акцента — добавьте нейтральный или один контрастный цвет.
2. Аналоговая
Три-пять соседних тонов на круге (в пределах примерно 90°).
- Пример (тёплый закат):
#B7472A,#DE7C56,#F2A65A,#F6D27A - Когда: природные темы, еда, уютные бренды. Такие палитры часто встречаются на фото — закаты, осенний лес.
- Совет: выберите один цвет главным, остальные — поддержкой.
3. Комплементарная
Два противоположных тона.
- Пример: синий
#1E5AA8и оранжевый#F28C28 - Когда: нужен сильный акцент — кнопка, баннер, спорт.
- Совет: не делите площадь поровну. Один цвет — основной, второй — акцент 5–10%.
4. Расщеплённая комплементарная
Основной цвет плюс два соседа его противоположности.
- Пример: синий
#2B59C3+ оранжево-красный#E8613C+ жёлто-оранжевый#F2B544 - Когда: хочется контраста, но мягче, чем у чистой комплементарной пары.
5. Триада
Три тона на равном расстоянии (120°).
- Пример:
#D7263D,#1B998B,#F4D35E - Когда: детские продукты, игры, яркие лендинги.
- Совет: приглушите два цвета из трёх, иначе палитра станет пёстрой.
6. Тетрада (квадрат или прямоугольник)
Четыре тона — две комплементарные пары.
- Пример:
#E63946,#F4A261,#2A9D8F,#264653 - Когда: сложные интерфейсы с разными категориями, инфографика.
- Риск: самая трудная схема — нужен строгий баланс площадей.
Сводная таблица
| Гармония | Цветов | Контраст | Сложность |
|---|---|---|---|
| Монохромная | 1 тон | Низкий | Легко |
| Аналоговая | 3–5 соседних | Низкий | Легко |
| Комплементарная | 2 противоположных | Высокий | Средне |
| Расщеплённая | 3 | Средний | Средне |
| Триада | 3 через 120° | Высокий | Сложно |
| Тетрада | 4 | Высокий | Сложно |
Как найти гармонию на фото
Загрузите снимок в генератор палитры и посмотрите на результат: у заката обычно аналоговая палитра, у лагуны с жёлтым песком — комплементарная пара «голубой + песочный». Распределить найденные цвета по площади поможет правило 60-30-10.
Частые вопросы
Какая гармония самая универсальная?
Аналоговая с одним акцентом: она спокойная, но не скучная, и с ней трудно ошибиться.
Обязательно ли следовать схемам точно?
Нет. Схемы — отправная точка. Сдвиг тона на 10–15° или изменение насыщенности часто делает палитру живее.
Какие цвета сочетаются с любыми?
Нейтральные: белый, чёрный, серые, бежевые. О них — в статье нейтральные цвета.