Цветовой круг контрастные цвета

Цветовой круг контрастные цвета

Неправильно подобранные цвета могут испортить самый крутой дизайн. Вот например, этот.

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

Что такое цветовой круг

Цветовой круг или цветовое колесо — это основа теории цветов. Благодаря ему можно понять, какие цвета создают гармоничные сочетания. Первый цветовой круг придумал Исаак Ньютон еще в 1665 году.

Как и зачем им пользоваться

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

Цветовой круг Canva

Цветовой круг Иттена

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

Монохроматические комбинации

Unsplash/ Amy Shamblen

Unsplash/ Paul Gilmore

Монохроматическая комбинация — это сочетание трех оттенков одного базового цвета . Например, розовый, светлый розовый и еще более светлый розовый. То есть один цвет разной степени насыщенности, без примеси других оттенков. Это консервативный и простой вариант, который можно смело использовать даже новичкам. Безопасное сочетание, при помощи которого можно создать гармоничный дизайн.

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

Чтобы найти такую комбинацию:

  1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
  2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Monochromatic.
  3. Двигайте точку, расположенную на внешнем ободке круга, чтобы выбрать более темные или светлые оттенки цвета.

Аналогичные комбинации

Картина Марка Ротко «Оранжевое, красное и желтое»

Аналогичная комбинация — это от двух до шести цветов , которые находятся друг за другом на цветовом круге. Такая комбинация не может состоять из одного цвета в разных оттенках , это обязательно несколько разных, но близких цветов.

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

Три аналогичных цвета можно подобрать на цветовом круге Canva . Например, к оранжевому программа предлагает максимально близкие оттенки желтого и красного.

Чтобы найти такую комбинацию:

  1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
  2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Analogous.
  3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Остальные два цвета будут соответственно меняться, и у вас появятся другие варианты аналогичной комбинации.

Комплементарные комбинации

Unsplash/ Alessandra Caretto

Unsplash/ Gemma Evans

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

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

На цветовом круге Canva можно подобрать комплементарную пару к любому цвету. Например, если вы выберете бирюзовый, программа предложит вам самый контрастный вариант красного. Оттенок можно выбрать на самом круге или ввести его HTML-код.

Читайте также:  Струбцина для поршня суппорта

Мы привыкли считать, что контрастная пара красному — зеленый. Все верно, согласно цветовому кругу Иттена, которым пользуются художники. Дело в том, что тот круг построен на трех основных цветах: красном, синем и желтом, а всего в нем 12 цветов. Цветовой круг для онлайн-дизайна построен на красном, синем и зеленом, и в нем более 16 миллионов оттенков.

Чтобы найти такую комбинацию:

  1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
  2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Complementary.
  3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.

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

Триадные комбинации

Триадная комбинация цветов в логотипе Burger King

Пример триадного сочетания цветов в постере фильма Inherent Vice

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

Чтобы найти такую комбинацию:

  1. В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
  2. Во втором окне выберите из выпадающего снимка цветовую комбинацию Triadic.
  3. Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.

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

Тетрадные или четырехугольные комбинации

Сайт креативного коворкинга Plant22 использует тетрадную схему в оформлении главной страницы

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

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

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

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

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

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

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

Читайте также:  Расчет стоимости дачного дома

Независимо от настроек монитора можно изучить суть метода, но следует делать поправку на то, что на другом компьютере то, что вы ведите на своём будет выглядеть иначе.

Цветовые комбинации:

Ахроматические

Ахроматические цвета отсутствуют в спектре. В данной комбинации есть только белый, оттенки серого и чёрный цвет. В природе чистые ахроматические цвета практически не встречаются. В них всегда есть примеси других цветов.

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

Основные цвета

Главными цветами являются красный, желтый, синий. Для получения любого цвета понадобятся только эти три цвета. Для передачи оттенков понадобятся ещё чёрный и жёлтый.

Составные

Следующие цвета получаются благодаря смешиванию основных цветов попарно. Из них получаются зеленый, фиолетовый и оранжевый. Это видно на цветовом круге. К примеру, зелёный получается из жёлтого и синего.

Сложные

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

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

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

Контрастные

Контрастные цвета — это те, между которыми на цветовом круге располагается три промежуточных цвета. На цветовом круге всего шесть пар контрастных цветов.

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

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

Дополнительные

Дополнительными цветами называются те, которые находятся на цветовом круге друг напротив друга.

Пример дополнительных цветов:

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

Монохроматические

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

Родственные

Родственные цвета — это последовательность из трёх стоящих друг за другом цветов. Просто выбрав один цвет, добавляем к нему два соседних и получаем три родственных цвета. Подобная выборка может быть названа гармоничной. Цветовой круг предоставляет 12 комбинаций родственных цветов. Всегда все три цвета в комбинации будут смотреться хорошо. Восприятие будет зависеть только лишь от того, тёплые или холодные цвета выбраны.

Как и в предыдущих комбинациях эти цвета можно разбавлять монохроматическими цветами.

Нейтральные

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

Пример нейтральных цветов:

Родственно-контрастные

Это цвета, которые располагаются на круге слева и справа от выбранного цвета, дополнительного ему на цветовом круге.

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

Читайте также:  Можно ли покрасить ткань гуашью

Три основных цвета.

Цветовой круг представляет собой шкалу из оттенков цвета, расположенных по окружности. Эти цвета располагаются в определённой последовательности — также как и в радуге. Поэтому цветовой круг для художника — почти то же самое, что таблица Менделеева для химика. Среди всех цветов этого круга есть три, которые называются основными: жёлтый, красный и синий. Всё огромное множество других цветов образуется путём смешения этих трёх (это применимо для отражённого от предметов света цветовой модели CMYK; если же свет излучается как на мониторе, то это цветовая модель RGB и здесь смешение происходит по другим законам, между зелёным, красным и синим). Но на практике, не всегда получается достичь нужного звучания цвета т. к. пигменты красок имеют определённые ограничения. Например, если смешать красный (алый) и синий (лазурь), то получится грязно-лиловый цвет. Если красный (краплак) и синий (ультрамарин), то образуется уже чистый фиолетовый цвет. Но этого не всегда достаточно, поэтому ещё производят кобальт фиолетовый или краплак фиолетовый. Его цвет очень интенсивный и чистый. Таким образом, несмотря на то, что в теории можно получить все цвета всего из трёх основных, на практике художники пользуются большим количеством красок. Тем не менее, основные — это синий, красный и жёлтый. На цветовом круге их позиции образуют равносторонний треугольник. Эти цвета получить путём смешивания других невозможно.

Насыщенность и яркость цвета.

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

Гармония контрастных цветов.

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

Гармония родственных цветов.

Цвета, расположенные в пределах одной четверти цветового круга и имеющие в себе один общий оттенок называются родственными. Их словно «роднит» общий цвет, содержащийся в них. Родственных цветов много. Например, красный, красно-оранжевый, оранжево- жёлтый. В них всех присутствует красный цвет. Это их объединяет. Поэтому они называются родственными. Существуют следующие четыре группы родственных цветов: жёлто-красные, красно-синие, сине-зелёные, зелёно-жёлтые.

Гармония родственно-контрастных цветов.

Родственно-контрастными называются контрастные цвета, содержащие в себе один общий цвет, который их объединяет. Родственно-контрастные цвета располагаются в двух соседних четвертях цветового круга. Существуют четыре группы родственно-контрастных цветов: жёлто-красные и красно-синие, красно-синие и сине-зелёные, сине-зелёные и зелёно-жёлтые, зелёно-жёлтые и жёлто-красные.

Хроматические и ахроматические цвета.

Хроматическими называются все цвета, кроме чёрного, белого и серых оттенков. Соответственно ахроматические цвета — это серые оттенки, белый и чёрный.

Тёплые и холодные цвета.

Тёплые цвета — это жёлтый, оранжевый, красный, коричневый, бежевый и множество подобных им оттенков. Эти цвета ассоциируются с теплом огня. Холодные цвета: синий, голубой, фиолетовый, зелёный, а также большое количество производных от них цветов. Холодные цвета ассоциируются с холодом, свежестью, простором…

Ссылка на основную публикацию
Adblock detector