Смешивание цветов

Сочетание цветов — таблица и правила

Как подобрать цвета, которые не спорят друг с другом? Ниже — таблица сочетаемости основных цветов, пять базовых схем сочетания простыми словами и инструмент: задайте любой цвет — покажем удачных компаньонов с кодами HEX.

Таблица сочетаемости основных цветов

ЦветХорошо сочетаетсяЛучше избегать
Красный
Оранжевый
Жёлтый
Зелёный
Синий
Фиолетовый
Чёрный
Белый
Серый
Коричневый
Бежевый
Розовый

Пять типов сочетаний простыми словами

#1E5BB8 #F07316
Комплементарное — максимальный контрастДва цвета напротив на круге (180°): синий и оранжевый. Броско, для акцентов.
#1E5BB8 #17B3A3 #2FA84F
Аналоговое — спокойное и природноеСоседние цвета круга (±30°): синий, бирюзовый, зелёный. Мягкий переход.
#D21F26 #F6C90E #1E5BB8
Триада — живо и сбалансированноТри цвета через 120°: красный, жёлтый, синий. Яркое, но устойчивое трио.
#D21F26 #F6C90E #17B3A3 #7A3FB0
Тетрада — богато, но сложно в балансеДве комплементарные пары. Один цвет — главный, три — поддержка.
#7DC0EC #4AA3DF #1E5BB8 #16264F
Монохром — один тон, разная светлотаОдин цвет от светлого к тёмному. Всегда выглядит аккуратно.

Как читать сочетаемость цветов

Сочетание цветов кажется вопросом вкуса, но за ним стоит простая геометрия цветового круга. Все цвета расположены по кругу от 0 до 360 градусов, и гармоничные наборы — это фигуры на этом круге. Самое контрастное сочетание — комплементарное: два цвета точно напротив (180°), например синий и оранжевый или жёлтый и фиолетовый. Такая пара «звенит», поэтому её берут для акцентов, а не для больших плоскостей. Мягкое, спокойное сочетание — аналоговое: два-три соседних цвета (±30°), как оттенки одного заката; они не спорят и создают настроение. Триада — три цвета через 120° (классика: красный, жёлтый, синий) — яркая, но сбалансированная. Тетрада — четыре цвета двумя комплементарными парами: богато, но требует, чтобы один цвет был главным, а остальные — поддержкой. Монохром — один тон в разной светлоте и насыщенности — беспроигрышный вариант, когда нужно «наверняка». Чтобы сочетание не выглядело пёстрым, дизайнеры используют правило 60-30-10: около 60% площади — основной цвет, 30% — поддерживающий, 10% — акцент. Нейтральные — белый, чёрный, серый и бежевый — сочетаются почти со всем и служат «фоном», на котором цветные акценты звучат чище. Тёплые цвета (красный, оранжевый, жёлтый) выступают вперёд и согревают, холодные (синий, бирюзовый, фиолетовый) отступают и успокаивают: смешивая их, вы управляете «температурой» всей картинки. Инструмент выше строит компаньонов по этим же правилам: выберите базовый цвет — и получите его комплемент, аналоги и триаду с готовыми кодами HEX.

Чего избегать в сочетаниях

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

Как понять, сочетаются ли два цвета?

Посмотрите их положение на цветовом круге: цвета напротив (комплементарные) дают контраст, соседние (аналоговые) — спокойное сочетание. Нейтральные — белый, серый, бежевый — сочетаются почти со всем. Инструмент выше подберёт компаньонов автоматически.

Сколько цветов можно использовать вместе?

Обычно достаточно трёх: основной, поддерживающий и акцент. Помогает правило 60-30-10 — 60% площади основному цвету, 30% второму, 10% акценту. Больше цветов быстро превращаются в пестроту.

Какие цвета сочетаются со всеми?

Нейтральные: белый, чёрный, серый и бежевый. Они не имеют выраженного «тона», поэтому служат фоном для любых цветных акцентов и почти никогда не конфликтуют.

Что такое тёплые и холодные цвета?

Тёплые — красный, оранжевый, жёлтый — выступают вперёд и бодрят. Холодные — синий, бирюзовый, фиолетовый — отступают и успокаивают. Баланс тёплого и холодного задаёт настроение сочетания.