Как сочетать цвета: базовые принципы и схемы, которые работают в любой визуальной задаче

Сочетание цветов зависит от пяти вещей: самого оттенка, его светлоты, насыщенности, температуры и площади, которую он занимает. Поэтому две палитры с одинаковыми синим и оранжевым могут выглядеть совершенно по-разному. В одной будет много спокойного серо-синего и немного терракотового, в другой оба цвета окажутся яркими и займут одинаковую площадь. Первая получится сдержанной, вторая - гораздо активнее. Цветовой круг помогает понять отношения между оттенками и выбрать направление для палитры. После этого нужно решить, насколько светлым или темным будет каждый цвет, какую насыщенность ему дать и в каком количестве использовать. Именно эти параметры определяют итоговое впечатление.

Из чего складывается цвет

Для работы с палитрой достаточно понимать три основные характеристики цвета: цветовой тон, светлоту и насыщенность.

• Цветовой тон определяет, к какой части спектра относится оттенок: к красной, оранжевой, желтой, зеленой, синей или фиолетовой. Бордовый и алый относятся к красной группе, хотя воспринимаются совершенно по-разному.
• Светлота показывает, насколько цвет близок к светлому или темному. Например, небесно-голубой и темно-синий принадлежат к одной цветовой семье, но сильно различаются по светлоте. Благодаря этому их легко отличить даже издалека.
• Насыщенность отвечает за интенсивность цвета. Яркий кобальтовый сразу привлекает внимание, а серо-синий выглядит спокойнее, потому что в нем меньше чистого цвета.

Все три характеристики действуют одновременно. Поэтому при выборе сочетаний полезно смотреть дальше названия оттенка. Один и тот же зеленый можно сделать светлым и приглушенным для большого фона или темным и насыщенным для небольшого акцента.

Как пользоваться цветовым кругом

Цветовой круг показывает, насколько близко или далеко расположены друг от друга разные цвета. Соседние оттенки дают более мягкие сочетания, противоположные создают выраженный контраст. Существуют разные модели цветового круга. В живописи традиционно используют систему на основе красного, желтого и синего, в цифровой среде - красного, зеленого и синего. Для повседневной работы с палитрой важнее общий принцип: положение оттенков относительно друг друга помогает понять характер будущего сочетания. После выбора цветов по кругу работа только начинается. Нужно определить их светлоту, насыщенность и количество. Именно поэтому спокойный серо-синий с приглушенной терракотой выглядит совсем иначе, чем чистый ярко-синий с насыщенным оранжевым.

Монохромная палитра

Монохромная схема строится вокруг одного цветового семейства. Разнообразие создают за счет разной светлоты и насыщенности. Например, в синей палитре можно соединить светлый серо-голубой, более насыщенный синий и глубокий темно-синий. Цвета родственны, но хорошо различаются между собой. Главное в такой схеме - оставить достаточную разницу между светлым, средним и темным. Если все оттенки близки по светлоте, они начинают сливаться. В интерьере или одежде эту разницу дополнительно усиливают фактуры: матовая ткань, дерево, металл или стекло по-разному отражают свет и помогают различать близкие цвета.

Аналоговая палитра

Аналоговая схема объединяет соседние цвета на круге. Например, голубой, сине-зеленый и зеленый или желтый, желто-зеленый и зеленый. Такие оттенки хорошо переходят один в другой, поэтому палитра получается мягкой. Ее удобно использовать там, где требуется несколько цветов без резких границ. При этом всем оттенкам лучше дать разные роли. Один может занимать основную площадь, второй - поддерживать его в крупных элементах, третий - появляться в меньшем количестве. Разница по светлоте тоже помогает сделать сочетание яснее. Если три соседних цвета одинаково яркие и занимают примерно одинаковую площадь, границы между ними становятся слабее, а вся композиция выглядит слишком равномерной.

Комплементарная палитра

Комплементарными называют цвета, расположенные напротив друг друга на цветовом круге. К классическим парам относят синий и оранжевый, красный и зеленый, желтый и фиолетовый. Такие сочетания дают сильный контраст, поэтому ими легко привлечь внимание. Интенсивность можно регулировать через конкретные оттенки. Например, вместо чистого синего взять приглушенный серо-синий, а яркий оранжевый заменить терракотовым. Цветовая связь сохранится, а сочетание станет спокойнее. Еще один способ - изменить площадь. Большой серо-синий фон и небольшая оранжевая деталь воспринимаются гораздо спокойнее двух одинаковых по размеру цветных поверхностей.

Расщепленная комплементарная схема

Эта схема подходит для случаев, когда хочется сохранить контраст, но добавить больше оттенков. Вместо цвета, расположенного точно напротив основного, берут два соседних с ним. Получается сочетание из трех цветов. Они достаточно различаются, чтобы палитра выглядела выразительно, при этом между ними проще распределить роли. Один цвет обычно занимает основную площадь, второй используется заметно реже, третий остается для небольших деталей. Такой порядок помогает сохранить цельность даже при довольно контрастной палитре.

Триада

Триадная схема состоит из трех цветов, расположенных на одинаковом расстоянии друг от друга на круге. Между ними сразу возникает заметная разница, поэтому палитра получается активной. Основная сложность появляется, когда все три цвета делают одинаково яркими и используют в равном количестве. В этом случае каждый оттенок требует внимания, а композиции становится сложно выделить главное. Проще выбрать один основной цвет, второй использовать для поддержки, а третий оставить для небольших участков. Один или два оттенка можно дополнительно приглушить. Тогда три цвета сохранят разнообразие, но будут легче сочетаться между собой.

Тетрада

Тетрадная схема включает четыре цвета и фактически объединяет две контрастные пары. В ней больше возможностей, однако распределять оттенки приходится особенно внимательно. Четыре одинаково ярких цвета редко выглядят спокойно, особенно если занимают сопоставимую площадь. Поэтому один из них лучше сделать основным, еще один или два использовать в меньшем количестве, а самый активный оставить для небольших деталей. Такая схема особенно хорошо показывает, почему количество цвета имеет такое же значение, как его положение на круге.

Почему светлота так важна

Цвета должны достаточно хорошо различаться по светлоте, особенно когда от них зависит читаемость композиции. Представьте два разных оттенка, которые после перевода изображения в черно-белый вид становятся почти одинаковыми серыми. Цветовая разница между ними есть, но по светлоте они слишком похожи. Из-за этого текст, кнопки, подписи или важные элементы могут плохо отделяться друг от друга. Если один из цветов заметно затемнить, граница станет яснее даже без изменения самого цветового тона. Этот прием полезен далеко за пределами графического дизайна. В интерьере светлая стена, диван среднего оттенка и темный стол уже создают заметную разницу между поверхностями, даже если вся комната собрана в спокойной гамме.

Как насыщенность меняет палитру

Насыщенность определяет, насколько активно цвет привлекает внимание. Поэтому один небольшой яркий элемент способен выделяться сильнее большой приглушенной поверхности. Если палитра кажется слишком напряженной, часто достаточно сделать один из цветов спокойнее. Например, заменить чистый зеленый на оливковый или ярко-синий на дымчатый серо-синий. Обратный прием тоже работает. В спокойной палитре небольшая деталь более насыщенного цвета помогает выделить главное. В интерфейсе это может быть кнопка, в одежде - сумка, в интерьере - кресло или произведение искусства. Таким образом, насыщенность удобно использовать для расстановки приоритетов: большая часть палитры остается спокойной, а более интенсивный оттенок привлекает внимание там, где это требуется.

Почему температура цвета относительна

Красный, оранжевый и желтый обычно относят к теплым цветам, а синий - к холодным. В реальной палитре разница сложнее. Внутри одного цветового семейства тоже есть более теплые и более прохладные варианты. Красный с заметной оранжевой примесью выглядит теплее малинового. Желто-зеленый теплее сине-зеленого. Фиолетовый может приближаться к красному или, наоборот, уходить в синюю сторону. Поэтому температуру лучше определять сравнением. Один и тот же серый рядом с холодным синим может показаться довольно теплым, а рядом с кремовым бежевым - прохладным. Этим свойством удобно пользоваться при создании контраста. Например, теплое дерево хорошо сочетается с серо-синим, а терракотовый становится выразительнее рядом с голубым.

Что такое подтон

Подтон особенно важен у белых, серых, бежевых и других сложных нейтральных цветов. На первый взгляд оттенок может казаться нейтральным, однако рядом с другой поверхностью в нем становится заметна цветовая примесь. Серый может уходить в синий, зеленый, фиолетовый или коричневый. Белый бывает сливочным, сероватым или голубоватым. В бежевом может присутствовать желтый, розовый, серый или зеленый. Поэтому два бежевых или два серых цвета иногда плохо смотрятся рядом, хотя по названию кажутся почти одинаковыми. Проверять такие оттенки лучше вместе. Положите рядом два образца ткани, приложите краску к плитке или поставьте несколько цветовых плашек на одном фоне. При сравнении разница в подтонах становится заметнее.

Площадь цвета меняет впечатление

Любое сочетание зависит от того, сколько места занимает каждый оттенок. Синий и оранжевый, разделенные поровну, создают очень сильный контраст. Если большая часть композиции остается приглушенно-синей, а оранжевый занимает небольшой участок, он превращается в акцент. Поэтому при выборе палитры полезно сразу решить, какой цвет станет основным, какой получит меньшую площадь и какой останется для деталей. Небольшой участок позволяет использовать более насыщенный оттенок. Большие поверхности обычно легче воспринимаются в спокойных цветах.

Нейтральные цвета тоже влияют на сочетание

Белый, серый, черный, бежевый и коричневый используют в качестве фона, но каждый из них меняет соседние цвета. Черный усиливает контраст и делает яркие оттенки заметнее. Белый увеличивает общую светлоту и дает насыщенным цветам больше свободного пространства вокруг. Серый помогает успокоить активную палитру, однако его собственный подтон тоже приходится учитывать. Бежевый и коричневый добавляют тепло, особенно если в них заметны желтые, золотистые или красноватые оттенки. Поэтому нейтральный фон тоже нужно выбирать вместе с остальной палитрой. Универсального серого, белого или бежевого, который одинаково подходит ко всем цветам, не существует.

Цвет всегда зависит от соседних оттенков

Отдельный образец дает только предварительное представление о цвете. В готовой композиции на него начинают влиять фон и соседние поверхности. Серый рядом с синим может показаться теплее, а возле бежевого - холоднее. Светлый оттенок выглядит еще светлее рядом с темным. Контрастный цвет способен подчеркнуть скрытый подтон соседнего материала. Поэтому палитру лучше проверять целиком. Важно видеть цвета рядом, в тех пропорциях и на том фоне, в которых они будут использоваться. Для интерьера сюда добавляется освещение. Для печати - цвет бумаги и способ печати. Для одежды - ткань и фактура. Для цифрового продукта - экран и окружение интерфейса.

Как собрать палитру с нуля

1. Начните с цвета, который уже задан задачей или нравится больше остальных. Определите, насколько он светлый и насыщенный, затем выберите принцип сочетания: близкие оттенки, контрастную пару или более сложную схему из трех-четырех цветов.
2. После этого распределите цвета по площади. Один должен стать основным, остальные получают меньшие роли. Затем посмотрите на светлоту: важные элементы должны хорошо отличаться друг от друга.
3. Если палитра получилась слишком активной, приглушите один или несколько цветов. Если ей не хватает выразительности, добавьте небольшой более насыщенный оттенок или увеличьте разницу между светлым и темным.
4. В конце обязательно сравните сложные нейтральные оттенки и проверьте всю палитру в том виде, в котором она будет использоваться. Цвет на экране, ткани, бумаге и окрашенной стене может заметно отличаться.

Сколько цветов использовать

Для выразительной графики иногда достаточно двух цветов, три позволяют точнее распределить роли, четыре и больше подходят для сложных систем, где требуется несколько уровней информации или большое количество материалов. Проблема появляется, когда все цвета одинаково яркие, занимают примерно одинаковую площадь и одновременно привлекают внимание. Чем больше оттенков входит в палитру, тем заметнее должна быть разница между их задачами. Один создает основу, другие поддерживают ее, несколько цветов используются локально.

Почему палитра может выглядеть плохо

Если сочетание кажется неудачным, сначала проверьте светлоту. Возможно, несколько цветов слишком близки по тону и сливаются. Затем посмотрите на насыщенность. Несколько ярких оттенков одновременно могут создавать слишком сильное напряжение. После этого сравните подтоны нейтральных цветов. Например, холодный серый рядом с желтоватым бежевым способен подчеркнуть нежелательные оттенки в обоих.

Еще одна частая причина - одинаковая роль всех цветов. Когда каждый пытается привлечь внимание, композиции не хватает главного и второстепенного. Иногда проблема связана уже с самой композицией: количеством деталей, расположением объектов или типографикой. В таком случае замена одного цвета мало что изменит.

Как применять эти принципы в интерьере

В интерьере цвет лучше выбирать не по отдельным красивым оттенкам, а последовательно, от самых крупных поверхностей к небольшим деталям. Сначала определите цвета пола, стен, встроенной мебели и других элементов, которые занимают много места и редко меняются. Затем подбирайте к ним диван, шторы, ковер и остальную мебель. Декор стоит оставлять на последний этап, когда основная палитра уже сложилась.

Чем больше площадь поверхности, тем сильнее ее цвет влияет на комнату. Насыщенный оттенок на одной подушке воспринимается совсем иначе, чем тот же цвет на диване или стене. Поэтому яркие и чистые цвета проще вводить в меньшем количестве, а для крупных поверхностей чаще подходят более спокойные и сложные оттенки. Например, глубокий синий может хорошо смотреться на большом шкафу, тогда как яркий кобальтовый на той же площади будет гораздо заметнее.

Светлота помогает разделить крупные предметы между собой. Если стены, диван, ковер и пол близки по светлоте, даже разные цвета могут начать сливаться. Светлая стена, более темный диван и стол из темного дерева создают понятное разделение без дополнительных ярких акцентов. Поэтому при подборе палитры полезно смотреть не только на сами цвета, но и на разницу между светлыми, средними и темными поверхностями.

Материал тоже меняет восприятие оттенка. Один и тот же зеленый на матовой стене, велюровом кресле и глянцевой плитке будет выглядеть по-разному. Дерево добавит к палитре собственный желтый, красноватый или сероватый оттенок, камень принесет прожилки и неоднородность, а металл даст холодный или теплый блеск. По этой причине краску, обивку, дерево и камень лучше проверять рядом, а не выбирать каждый материал отдельно.

Последняя проверка - освещение. Цвет, который нравится днем, вечером может стать заметно теплее, холоднее или темнее. Перед покупкой крупных предметов и отделочных материалов стоит посмотреть образцы в самой комнате при естественном и искусственном свете. Тогда палитра будет построена на реальных условиях, а не на фотографиях из каталога.

Главное правило

Хорошая палитра строится на понятных отношениях между цветами. Один оттенок может быть светлее другого, спокойнее, теплее или занимать меньшую площадь. Благодаря этим различиям цвета получают собственные роли и не мешают друг другу. Поэтому вместо поиска универсальных пар полезнее сначала решить, какое впечатление должна производить палитра. Для спокойного результата подойдут родственные и приглушенные оттенки с умеренным контрастом. Для более выразительного сочетания можно увеличить разницу по цвету, светлоте или температуре.

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