какой контрастный цвет у красного
Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью
Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.
Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.
Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Как устроен круг Иттена
В центре есть треугольник из основных цветов — синего, жёлтого и красного, — смешивая которые, можно получить любые оттенки, доступные человеческому глазу. Эти цвета в схеме также называются первичными. Если смешать по два из трёх первичных цветов, получаются вторичные цвета. Жёлтый с синим при смешении дают зелёный, жёлтый с красным — оранжевый, а синий с красным — фиолетовый.
Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.
Если посмотреть на внешний круг, можно увидеть, что цвета в нём расположеы в спектральном порядке, как на радуге: от красного, который по физическим характеристикам имеет самую большую длину волны, до фиолетового, у которого она самая короткая.
Как и когда появился круг Иттена
В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.
Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.
Курс «Графический дизайнер с нуля до PRO»
Попробуйте курс по графическому дизайну бесплатно
Цветовые контрасты
Цветовые контрасты — это типы сочетания цветов и степень их выразительности. Существует 7 типов. Как их променивать? Фото
При соотношении двух противоположностей, по какому либо качеству, свойства каждого из группы приумножается. Так, например, длинная полоска кажется еще длиннее рядом с короткой. Дорогие, дизайнерские вещи на фоне развален смотрятся еще более богатыми.
В сочетании цветов действует такой же принцип, в общей сложности различают 7 вариантов контраста:
1 Контраст по тону — это сочетание разных цветов. Его построение основано на теории цветового круга Иттена, где описаны самые удачные комбинации и метод их создания с помощью геометрических манипуляций. Часто к этому типу присоединяются другие контрасты, например, световой, тепловой и т. д. (см. ниже)
Этот контраст влияет на подсознание. Если рассматривать цвет, как источник информации об окружающем мире, то такое сочетание будет нести информационное послание. ( а в некоторых случаях вызывать эпилепсию).
2 Контраст светлого и темного. Светлые оттенки и темные создают ощущение свето-тени. Такую разницу легко улавливает глаз. Основной характеристикой в нем будет — четкость линий на границе светлых и темных тонов. В той или иной мере светло-темный контраст присутствует практически в каждом сочетании, однако он может быть резким или приглушённым. О его отсутствие можно сказать только в том случае, если комбинацию можно перевести в серый и граница цветов будет неразличима.
Сочетания построенные по этому типу могут внести определенность в образ или композицию. За счет этого эффекта можно достичь объемности, реалистичности изображения. Он легко воспринимается, распознается, поэтому и считается одним из самых привлекательных.
3 Контраст холодного и теплого основан на разнице «тормозящих» и возбуждающих оттенков и нашему желанию достичь покоя. Теплые и холодные цвета вместе создают гармонию целостности, хотя, как и в любом контрасте противоположности усиливают друг друга: холодный рядом с теплым становится еще более ледяным, а теплый — горячим.
Этот контраст хорош для создания образов с разной активностью: от «снежной королевы» до «борца за справедливость».
4 Контраст дополнительных цветов — это сочетание цветов, волны которых в сумме дают серый спектр. Если смешать краски двух дополнительных цветов, то мы получим грязный, коричневый оттенок. Такие противоположные цвета — самая яркая комбинация из контрастов по тону. Найти дополнительную пару можно на цветовом круге Иттена: тона, которые находятся друг напротив друга будут иметь искомые свойства.
Этот контраст так же стремится к стабильности, как и тепло-холодный (кстати, он всегда присутствует в дополнительной паре), но если разница по температуре создает «движение», то данная пара достигает стабильности. Поэтому эти сочетания редко используется в повседневности, так как впечатление от него может быть слишком ярким.
А вот в живописи этот инструмент весьма уместен.
5 Симультанный контраст – его не существует вне нашего восприятия. Он возникает в сочетании с серым цветом другого насыщенного (не монохромного или нейтрального) оттенка, когда в сером — мы видим дополнительный тон к нему. То есть, например, красный с серым, при беглом взгляде на серый. в таком соседстве, мы можем увидеть зеленый тон. Это очень важно, особенно при создании мелкого рисунка, например, в текстиле. Красно-серый галстук — это приемлемый, строгий элемент костюма, но если вы видите красно-зеленый рисунок в таком изделии — первое, что вы ощутите — это замешательство, так как такое сочетание неприемлемо для строгого мужского (да и женского) образа.
Для нейтрализации симультанного контраста в серый добавляется толика тона соседа, в случае с красным, серый будут иметь теплый, едва уловимый лиловый подтон. Мы не заметим этой перемены, но наш глаз не будет перевирать нейтральный цвет.
Этот контраст более других подтверждает стремление нашего сознания к золотой середине.
Проверьте это сами: если сосредоточенно смотреть на каждый серый прямоугольник по очереди, дожидаясь, когда глаз устанет, то серый изменит оттенок на дополнительный по отношению к фону.
На оранжевом, серый примет голубой оттенок;
на красном – зеленый;
на фиолетовом – желтоватый.
6 Контраст по насыщенности называют сочетание бледных и ярких оттенков. Он может быть составлен из оттенков одного тона, один из которых будут выделятся, как бы светится на фоне остальных. Чем насыщенней оттенок, тем ближе он к спектральному цвету. Однако, на фоне бледных тонов, даже просто выраженный средний тон — будут выделяться.
Контраст по насыщенности присутствует не только в одной гамме, это может быть и сочетание разных оттенков среди которых есть такой, который приковывает к себе внимание.
Этот контраст можно отнести к акцентирующему. Он может быть очень ярким, а может быть умеренным. Его используют в создании и подборе различных аксессуаров.
7 Контраст по размеру цветовых пятен. Основан на количественной разнице между цветами. В этом контрасте можно достигнуть равновесия или динамики. Замечено, что для достижения гармонии светлого должно быть меньше, чем темного. Этот эффект подсказала нам природа и ощущение облегчения при виде света в темноте.
Чем светлее пятно на темном фоне, тем меньше для равновесия оно занимает пространства.
При цветах равных по светлоте пространство, занимаемое пятнами, равно.
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)
Крутая шпаргалка по сочетанию цветов
Крутая шпаргалка по сочетанию цветов Правильное сочетание цветов — одна из важных составляющих совершенного образа и стильного и целостного интерьера. Именно поэтому мы решили поделиться шпаргалкой, с которой вы точно не промахнетесь при выборе одежды или дизайна квартиры.
Схема № 1. Комплиментарное сочетание
Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада — сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные
Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.
«Искусство цвета»: оптические эффекты, которые работают в дизайне
Подробный гайд по теории цвета Иоханнеса Иттена.
Иоханнес Иттен — швейцарский художник, теоретик искусства и педагог, который получил всемирную известность благодаря своему курсу в школе Баухаус. В 1961 году он впервые опубликовал книгу «Искусство цвета», до сих пор не потерявшую своей актуальности.
Самое популярное изобретение Иттена — цветовой круг, с помощью которого можно находить хорошие сочетания. Но это лишь часть его теории — дизайнеру важно уметь не только правильно подбирать цвета, но и учитывать в своей работе оптическое воздействие цвета.
Публикуем основы теории из книги «Искусство цвета». Из материала вы узнаете:
Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.
Цветовое воздействие
Цвет всегда используется в контексте. Иттен считает, что мозг может по-настоящему воспринимать цвета только с помощью сравнений и контрастов. Например, светло-серый квадрат на белом фоне кажется тёмным, а на чёрном — светлым. Этот эффект Иттен и называет цветовым воздействием:
Цвета не будут искажаться, если они обладают сильной контрастностью. Во всех остальных случаях они будут казаться ярче или тусклее.
Когда цвет и впечатление от него (его воздействие) не совпадают, цвет производит диссонирующее, подвижное, нереальное и мимолётное впечатление. Факт превращения материальной данности формы и цвета в виртуальную вибрацию даёт художнику возможность выразить то, чего нельзя передать словами.
Субъективное отношение к цвету
Хотя Иттен и придумал системную теорию цвета, он считал очень важными и субъективные цвета — те цвета, которые кажутся гармоничными конкретному человеку.
Субъективные цвета показывают, как художник чувствует, какой у него характер и образ мысли. Например, с помощью них Винсент ван Гог и Жорж де ла Тур выражали свои эмоции и то, как они смотрят на окружающий мир. Но найти эти цвета не так просто:
Многие люди не желают никому показывать, каковы они на самом деле. Люди, профессионально работающие с цветом, часто с большими мучениями находят свой «субъективный вариант». Иногда упражняющиеся в этой работе реализуют только свои пожелания — они пишут дополнительными цветами или цветами, интересными с точки зрения моды, вместо того чтобы отразить в них себя.
Субъективные цвета не отменяют объективные законы цвета. Если дизайнер решит сделать для лапши пакет с синими горошинами, с большой вероятностью продукт никто покупать не станет — хотя дизайнеру и нравятся синие горошины, они не подходят для оформления упаковки лапши.
Также субъективные цвета помогают дизайнерам понять, смогут ли они справиться с задачей клиента или нет. Особенно если речь идёт о модной одежде, в которой цвет всегда был очень важен:
Если модные цвета не совпадают с субъективными предпочтениями того или иного дизайнера, то потребуются колоссальные усилия, чтобы создать то, что требует мода.
Контраст
Контраст — чётко выраженные различия двух цветов. Органы чувств людей обрабатывают информацию через сравнение: чтобы понять, что линия длинная, рядом с ней должна быть короткая. Так же работает и контраст цветов.
Каждый из контрастов по своему особому характеру и художественной значимости, зрительному, экспрессивному и конструктивному действию столь своеобразен и единствен в своём роде, что благодаря им мы можем открыть для себя все основные художественные возможности цвета.
Иттен выделяет семь типов цветовых контрастов:
Контраст по цвету
Иттен называет этот тип контраста самым простым — художник использует достаточно удалённые по спектру цвета, чтобы добиться контраста между ними. С помощью этого приёма можно выразить любое чувство: от радости до горя.
На этом примере между собой контрастируют базовые цвета Иттена: красный, синий и жёлтый. Такой контраст создаёт впечатление пестроты, силы, решительности:
Но как только художник начинает отходить от базовых цветов, их контраст становится слабее. Хотя даже из дополнительных цветов можно составить выразительную цветовую композицию:
Хорошим примером здесь может служить женский портрет «Янтарное ожерелье», написанный Анри Матиссом чистыми цветами — красным, жёлтым, зелёным, синим, красно-фиолетовым, белым и чёрным. Эти сочетания служили ему выразительной характеристикой молодого, живого и умного существа.
Контраст светлого и тёмного
Противоположности светлых и тёмных цветов имеют основополагающее значение в природе. Использование белого и чёрного — базовое и наиболее выразительное средство обозначения тени и света. Оттенки серого могут казаться как светлыми, так и тёмными, в зависимости от окружения.
Создать контраст светлого и тёмного можно и остальными цветами. Согласно теории Иттена, самый светлый из них — жёлтый, а самый тёмный — фиолетовый:
Чистый, насыщенный жёлтый цвет весьма светел. Насыщенный, сугубо синий цвет очень тёмен, а светлые синие — блёклые и ослабленные. Только достаточно тёмный красный цвет может излучать свою силу, а осветлённый до уровня чистого жёлтого теряет её.
Когда художник работает с контрастом светлого и тёмного, он старается выдержать его в двух, трёх или четырёх основных тональностях. У разных частей картины могут быть тональные различия, но в главных группах их важно сделать согласованными и понятными, чтобы композиция не потеряла организованность, ясность и силу.
Как пример демонстрации принципа контраста светлого и тёмного Иттен рекомендует среди прочих работу Рембрандта «Мужчина с золотым шлемом»:
Контраст холодного и тёплого
Согласно теории Иттена, самый тёплый цвет — красно-оранжевый, а самый холодный — сине-зелёный. Эти цвета Иттен называет полюсами контраста холода и тепла:
Остальные цвета спектра в контрасте тёплого и холодного работают так же, как оттенки серого в контрасте светлого и тёмного. В зависимости от окружения они могут восприниматься как теплее, так и холоднее:
Такой контраст часто использовали при работе над религиозными сюжетами и оформлением храмов. Например — витражи Шартрского собора основаны на символическом контрасте красного и синего, а благодаря солнечному свету их цвета постоянно разные:
Контраст холода и тепла применялся не только в религиозных работах:
Импрессионисты открыли, что холодный синий цвет неба и воздуха постоянно контрастирует с тёплыми оттенками солнечного света, выполняя роль теневых цветов. Очарование картин Моне, Писсарро и Ренуара заключается зачастую именно в необыкновенной игре модуляций холодных и тёплых цветов.
Ещё один пример использования контраста холодного и тёплого — картина Моне «Лондон, парламент, эффект солнца в тумане»:
Контраст дополнительных цветов
Дополнительные цвета — те, которые при смешивании дают оттенок серого. Например, жёлтый и фиолетовый, жёлто-оранжевый и сине-зелёный, красно-фиолетовый и жёлто-зелёный:
Дополнительные цвета на картинах не теряют интенсивность рядом друг с другом, а их композиция получается статически стойкой.
С помощью двух дополнительных цветов можно получить особенно красивые серые цвета. Старые мастера добивались столь цветного серого, например, благодаря тому, что на основной цвет полосками накладывали противоположный ему или же покрывали первый цветовой слой тончайшим слоем дополнительного к нему цвета.
Пример использования контраста дополнительных цветов — картина Ян ван Эйка «Мадонна канцлера Ролена»:
Симультанный контраст
Симультанный цвет — тот, который мы видим на стыке двух цветов. В книге Иттен приводит пример упражнения: внутри цветного пространства есть серый квадрат, в котором наш глаз начинает видеть оттенки дополнительного цвета к основному:
Такой эффект помогает художнику вызвать у зрителя чувство возбуждения и интереса, так как один и тот же цвет будет казаться разным каждую секунду. Один из способов избежать симультанного контраста — подмешать цвет фона в дополнительный объект:
Существует множество цветовых задач, при которых симультанные контрасты нежелательны. Несколько лет тому назад мой посетитель — директор одной ткацкой фабрики, выпускающей текстиль для галстуков, в отчаянии обратил моё внимание на несколько сот метров дорогого галстучного шёлка, которые не продавались потому, что чёрная полоса на красном фоне казалась не чёрной, а зелёной, а это вызвало ощущение беспокойной вибрации.
Пример использования симультанного контраста — картина Ван Гога «Ночное кафе»:
Контраст по насыщенности
Помогает художникам выделять главный объект композиции. Изображения ниже дают представление о том, как насыщенные цвета выделяются на фоне блёклых:
Блёклые цвета — главным образом серые — кажутся живыми благодаря окружающим их чистым цветам. Это можно наблюдать, если на одной части «шахматной доски» в каждом втором квадрате разместить нейтральный серый цвет, а в промежуточных квадратах разместить чистые, насыщенные цвета той же светлоты, что и серый. Тогда мы увидим, что серый цвет приобретёт некоторую живость, в то время как находящиеся рядом с ним хроматические цвета покажутся менее насыщенными и относительно ослабленными.
Пример использования симультанного контраста — картина Жоржа де Латура «Новорождённый»:
Контраст по площади цветовых пятен
Контраст можно выразить не только оттенком цвета, но и его количеством в композиции. Для гармонии Иттен предлагает пользоваться шкалой цветовой светлоты Гёте, но учтите, что они приблизительны, поэтому в работе ориентируйтесь на глаз.
Уровень светлоты цветов по шкале Гёте: фиолетовый — 3, синий — 4, зелёный — 6, красный — 6, оранжевый — 8, жёлтый — 9.
Соотношения светлоты некоторых пар дополнительных цветов:
На эти данные можно опираться при создании композиции на основе цветовых пятен. Следует учитывать, что чем светлее цвет, тем меньше места он должен занимать. Например, жёлтому можно уделить лишь одну четвёртую всего пространства композиции с фиолетовым:
Красный и зелёный обладают равной светлотой и в одинаковых пропорциях создают устойчивое сочетание. Но если красный представить в минимальном количестве, по закону симультанного контраста он будет больше привлекать к себе внимание:
Благодаря применению двух усиливающих друг друга контрастов можно придать картине необыкновенную живость и редчайшую цветовую экспрессию. Здесь проявляется исключительная особенность контраста по площади цветовых пятен — его способность изменять и усиливать проявление всех других контрастов. В разделе, посвящённом контрасту светлого и тёмного, уже немного говорилось о цветовом пропорционировании. Но в сущности именно только контраст по площади в полном смысле является контрастом пропорций.
Пример использования контраста по площади — картина Питера Брейгеля Старшего «Падение Икара»:
Форма и цвет
Как и цвет, форма обладает своей выразительностью. Поэтому Иттен соотнёс базовые цвета с основными геометрическими фигурами, у которых совпадают их выразительные характеристики.
Квадрат — неподвижная материя, красный цвет.
Треугольник — символ мысли, жёлтый цвет.
Круг — вечное движение духа, синий цвет.
Правила образования вторичных цветов можно применить и к форме. Например, форма оранжевого цвета — трапеция, а форма фиолетового цвета — овал. То же и с субъективностью — Иттен считал, что каждому человеку нравится какая-то своя форма.
Там, где цвет и форма согласованы в своей выразительности, их воздействие на зрителя удваивается. Картина, воздействие которой определяется главным образом цветом, должна строиться на подчинении формы цвету, а картина, в которой художник придаёт главное значение форме, в своём цветовом решении должна идти от формы.
В качестве примера работы с формой Иттен советует посмотреть на разных художников. Например — европейские:
Маттиас Грюневальд стремился к объективности в цвете и форме.
Конрад Витц объективен в цветах, но субъективен в форме.
Винсент ван Гог субъективно работал и с цветами, и с формой.
Выразительность цвета
Иттен считал, что каждым цветом можно выразить эмоцию: ярость, очарование, восхищение, страсть. При этом одни и те же цвета в зависимости от контекста воспринимаются по-разному: голубая синева моря очаровывает нас, но если в этот цвет выкрасить помещение, оно будет казаться жутким.
В качестве примера Иттен приводит времена года. У художников каждое из них соотносится с определённым цветом:
Весна — жёлтый, светло-розовый, светло-голубой.
Лето — зелёный, синий, красный.
Осень — коричневый и фиолетовый.
Зима — холодные, глубокие и прозрачные цвета.
Суждение «приятный — неприятный» не может быть основой правильного и правдивого колористического решения. Более приемлемыми будут критерии, которые возникают в том случае, когда наши суждения относительно каждого отдельного цвета исходят из оценки общей цветовой гаммы. С позиции четырёх времён года это означает, что для каждого из них нам следует находить те цвета в цветовом шаре, которые в целом ясно выражают его характер.
Также Иттен даёт эмоциональные определения основным цветам своего спектра:
Жёлтый — самый светлый из всех цветов, символизирует разум и познание. Если жёлтый начинает терять свою яркость, он начинает ассоциироваться с завистью, предательством, двуличием, безумием.
Красный — обладает мощной яркостью, символизирует духовную любовь. В зависимости от оттенка и окружения легко меняет свой характер. Например, красно-оранжевый — войны и демонический мир, пурпурно-красный — светская и духовная власть.
Синий — пассивный и всегда холодный, символизирует веру. Если он заметен, то вызывает ощущение страха и печали, но вместе с тем указывает путь к чему-то духовному. Синий на лиловом фоне кажется отчуждённым и слабым, а на красно-оранжевом — сохраняет свою чистоту.
Впечатления и душевные переживания художника могут быть очень интенсивны и велики, но если с самого начала работы над произведением он не выберет из всей цветовой гаммы основной, нужной для него группы, то конечный результат может оказаться сомнительным. Поэтому подсознательное восприятие, интуитивное мышление и позитивные знания должны составлять одно целое, чтобы из многообразия доступных нам возможностей выбрать истинные и правильные.
Обложка: Paula Stockmar / Wikimedia / Polina Vari для Skillbox Media