Цветовые контрасты | LOOKCOLOR
Цветовые контрасты — это типы сочетания цветов и степень их выразительности. Существует 7 типов. Как их променивать? Фото
При соотношении двух противоположностей, по какому либо качеству, свойства каждого из группы приумножается. Так, например, длинная полоска кажется еще длиннее рядом с короткой. Дорогие, дизайнерские вещи на фоне развален смотрятся еще более богатыми.
В сочетании цветов действует такой же принцип, в общей сложности различают 7 вариантов контраста:
1 Контраст по тону — это сочетание разных цветов. Его построение основано на теории цветового круга Иттена, где описаны самые удачные комбинации и метод их создания с помощью геометрических манипуляций. Часто к этому типу присоединяются другие контрасты, например, световой, тепловой и т. д. (см. ниже)
Этот контраст влияет на подсознание. Если рассматривать цвет, как источник информации об окружающем мире, то такое сочетание будет нести информационное послание. ( а в некоторых случаях вызывать эпилепсию).
2 Контраст светлого и темного. Светлые оттенки и темные создают ощущение свето-тени. Такую разницу легко улавливает глаз. Основной характеристикой в нем будет — четкость линий на границе светлых и темных тонов. В той или иной мере светло-темный контраст присутствует практически в каждом сочетании, однако он может быть резким или приглушённым. О его отсутствие можно сказать только в том случае, если комбинацию можно перевести в серый и граница цветов будет неразличима.
Сочетания построенные по этому типу могут внести определенность в образ или композицию. За счет этого эффекта можно достичь объемности, реалистичности изображения. Он легко воспринимается, распознается, поэтому и считается одним из самых привлекательных.
3 Контраст холодного и теплого основан на разнице «тормозящих» и возбуждающих оттенков и нашему желанию достичь покоя. Теплые и холодные цвета вместе создают гармонию целостности, хотя, как и в любом контрасте противоположности усиливают друг друга: холодный рядом с теплым становится еще более ледяным, а теплый — горячим.
Этот контраст хорош для создания образов с разной активностью: от «снежной королевы» до «борца за справедливость».
4 Контраст дополнительных цветов — это сочетание цветов, волны которых в сумме дают серый спектр. Если смешать краски двух дополнительных цветов, то мы получим грязный, коричневый оттенок. Такие противоположные цвета — самая яркая комбинация из контрастов по тону. Найти дополнительную пару можно на цветовом круге Иттена: тона, которые находятся друг напротив друга будут иметь искомые свойства.
Этот контраст так же стремится к стабильности, как и тепло-холодный (кстати, он всегда присутствует в дополнительной паре), но если разница по температуре создает «движение», то данная пара достигает стабильности. Поэтому эти сочетания редко используется в повседневности, так как впечатление от него может быть слишком ярким.
А вот в живописи этот инструмент весьма уместен.
5 Симультанный контраст – его не существует вне нашего восприятия. Он возникает в сочетании с серым цветом другого насыщенного (не монохромного или нейтрального) оттенка, когда в сером — мы видим дополнительный тон к нему. То есть, например, красный с серым, при беглом взгляде на серый. в таком соседстве, мы можем увидеть зеленый тон. Это очень важно, особенно при создании мелкого рисунка, например, в текстиле. Красно-серый галстук — это приемлемый, строгий элемент костюма, но если вы видите красно-зеленый рисунок в таком изделии — первое, что вы ощутите — это замешательство, так как такое сочетание неприемлемо для строгого мужского (да и женского) образа.
Этот контраст более других подтверждает стремление нашего сознания к золотой середине.
Проверьте это сами: если сосредоточенно смотреть на каждый серый прямоугольник по очереди, дожидаясь, когда глаз устанет, то серый изменит оттенок на дополнительный по отношению к фону.
На оранжевом, серый примет голубой оттенок;
на красном – зеленый;
на фиолетовом – желтоватый.
6 Контраст по насыщенности называют сочетание бледных и ярких оттенков. Он может быть составлен из оттенков одного тона, один из которых будут выделятся, как бы светится на фоне остальных. Чем насыщенней оттенок, тем ближе он к спектральному цвету. Однако, на фоне бледных тонов, даже просто выраженный средний тон — будут выделяться.
Этот контраст можно отнести к акцентирующему. Он может быть очень ярким, а может быть умеренным. Его используют в создании и подборе различных аксессуаров.
7 Контраст по размеру цветовых пятен
Чем светлее пятно на темном фоне, тем меньше для равновесия оно занимает пространства.
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)
Теория цвета, контраст / Хабр
Многие говорят, что цвет — это чисто субъективная вещь и в ней нет каких то правил или принципов. На самом же деле, как и в любой науке, здесь есть место и теории. Цвет помогает дополнить тот смысл и идею, которые вы хотите вложить в свою работу, и правильное его использование помогает сделать ваш продукт более заметным и профессионально выглядящим.Многие исследователи занимались вопросами цвета, и одним из самых заметных, несомненно, был Иоханнес Иттен, автор книги «Искусство цвета». В своей работе автор рассматривает множество аспектов колористики: психологическое воздействие цвета, «вес» каждого оттенка, сочетание цвета и формы и многое другое.
Начнём с самого понятного — сочетания цветов. Именно работа цветов в паре или группе оказывает самое непосредственное влияние на первое впечатление от рисунка. Для этого используется термин «контраст» — то есть, сопоставление двух и более цветов таким образом, чтобы их можно было эффективно сравнить и показать различия. Контраст помогает выявить динамику рисунка, его настроение, характер, цель. Иттен выделяет семь основных групп контраста:
Контраст по цвету — одна из наиболее простых схем работы. Как говорится в книге Иттена, «Он выражается во взаимодействии предельной насыщенности чистых цветов. Как белый и чёрный являют самый сильный контраст светлого и тёмного, так и первичные цвета, жёлтый, синий и красный, наделены свойством наиболее сильного цветового контраста, создающего впечатление простоты, силы и решительности. Интенсивность цветового контраста ослабевает от первичных — к цветам третьего порядка».
Проще говоря, если вы для своей работы выберете сочетания двух (желательно противоположных) цветов, причём в их насыщенной форме, и поставите рядом, у вас получится очень звучный и насыщенный контраст. Но главное знать меру, уметь «приглушать» такие сочетания и правильно распределять массы. Иначе вы рискуете получить очень яркую картинку без акцента на какую-либо деталь.
Как пример: на картинке со стикером вы можете увидеть несколько видов контраста, но ведущий в нём — контраст по цвету. Противопоставление красного и синего цветов дает очень звучное сочетание, но чтобы оно смотрелось более спокойно, использованы приглушённые тона. Синего на картинке больше — это создаёт обрамление для тех небольших красных насыщенных пятен, которые можно увидеть на лице девушки.
Второй пример: постер из игры Prey. Как видите, тут используется контраст предельно насыщенных цветов, но за счёт распределения масс, этот контраст выглядит гармонично и в нём чётко расставлены акценты.
Контраст светлого и темного. Кажется, данная сочетаемость цветов является самой понятной. Она основана на использовании цветов различной светлоты и тоновых градаций цвета. Светлое пятно будет выделяться в тёмном окружении, как и тёмное пятно будет выделяться на светлом фоне.
Все цвета могут быть осветлены белым или затемнены чёрным. У каждого цвета есть свой тон — это очень легко проверить, просто попробуйте сделать цвета на цветовом круге чёрно-белыми. Но вот здесь и кроется главная проблема. Не все цвета могут планомерно становиться светлыми или тёмными. Некоторые из них, если их начать осветлять или затемнять, начинают терять насыщенность, и это может стать проблемой — особенно в рамках мобильного арта. Лучше всего это решить использованием другого цвета, а не затемнением оригинального — это поможет избежать примешивания в картинку «грязи».
Иттен говорит следующее: «Чистый жёлтый цвет соответствует третьей ступени серого цвета, оранжевый — пятой, красный — шестой, синий — восьмой, а фиолетовый — десятой. Насыщенный жёлтый цвет является самым светлым из чистых цветов, а фиолетовый — самым тёмным. Так что жёлтый цвет, чтобы совпасть с тёмными тонами серой шкалы, должен приглушаться, начиная уже с четвёртой ступени. Чистые красный и синий цвета расположены более глубоко, на расстоянии всего нескольких ступеней от чёрного и далеко от белого. Каждая примесь чёрного или белого уменьшает их насыщенность».
Итак, при создании контраста светлого и темного необходимо учитывать две вещи — контраст цветов и контраст тона этих цветов. И это даёт вам контроль над тем, какую глубину изображению вы хотите задать, и какие элементы хотите выделить или задвинуть (хотя и здесь есть свои исключения — о них чуть позже).
Разберем всё на конкретном примере. Взгляните на скриншот карты из игры Cut the Rope 2. Если перевести картинку в ч/б и проанализировать её, то видно, что главная сюжетная дорожка — самый светлый и яркий элемент на экране, лежащей на лужайке среднего тона. Так же ярко выделяются монетки в верхней части экрана, так как они лежат на тёмном фоне деревьев и создают хороший контраст. Сами деревья (сверху и снизу) слиты по тону в одно темное пятно с небольшой вариацией цвета — это сделано намеренно, чтобы создать нужный фокус на экране, но при этом не делать его скучным. Кнопки хоть и не сильно контрастируют с фоном по тону, но они выделяются по цвету.
Контраст тёплых и холодных цветов. Можно сказать, что этот контраст — самый простой. Обычно жёлтый, жёлто-оранжевый, оранжевый, красно-оранжевый, красный и красно-фиолетовый принято называть «тёплыми цветами», а жёлто-зелёный, зелёный, сине-зелёный, синий, сине-фиолетовый и фиолетовый — «холодными». И в принципе, эта формула прекрасно работает.
Но как и везде, здесь тоже есть свои нюансы. Например, стоит уделить внимание тому, какой именно оттенок цвета используется и в каком окружении используется этот цвет.
Возьмём для наглядности конкретные примеры. На картинке ниже вы видите очень простой стикер в технике flat colors. Кожа у обеих девушек одного оттенка, но волосы — разные оттенки одного цвета. Что получается в итоге? Во-первых, волосы слева смотрятся теплее тех, что справа (то есть, один и тот же цвет может казаться теплее или холоднее). Во-вторых, кожа в окружении разных тонов фиолетового смотрится по разному. Кожа девушки слева кажется темнее и теплее, чем кожа девушки справа.
Это подтверждает общую теорию: оттенок и окружение могут сильно повлиять на впечатление от цвета. Это инструмент, который важно понимать и уметь им пользоваться. Порой кажущийся холодным цвет — это всего лишь более «серая» версия цвета тёплого, но при взаимодействии друг с другом они образуют пару тёплый/холодный.
Также не стоит забывать о воздействии тёплых и холодных тонов на изображение в целом. Из книги Иттена: «В природе более удалённые предметы в силу отделяющего их от нас воздушного слоя всегда кажутся более холодными. Контраст холодного и тёплого обладает свойством влиять на ощущение приближённости и удалённости изображения. И это качество делает его важнейшим изобразительным средством в передаче перспективы и пластических ощущений».
Если кратко — холодные тона отдаляют предмет, тёплые — приближают. Если вам важно отбить какой то элемент от фона — сделайте фон холодным, а элемент (кнопку, например) тёплым. Это очень эффективный прием, используемый в мобильных играх. Как пример, посмотрите на скриншот из игры Cut the Rope 2.
Контраст дополнительных (комплиментарных) цветов. Из книги Иттена: «Мы называем два цвета дополнительными, если их пигменты, будучи смешанными, дают нейтральный серо-чёрный цвет. В физике два хроматических света, которые при смешивании дают белый свет, также считаются дополнительными. Два дополнительных цвета образуют странную пару. Они противоположны друг другу, но нуждаются один в другом. Расположенные рядом, они максимально возбуждают друг друга и взаимоуничтожаются при смешивании, образуя серо-чёрный тон, как огонь и вода. Каждый цвет имеет лишь один-единственный цвет, который является по отношению к нему дополнительным».
Что мы можем вынести из этого определения? Первое: дополнительные цвета — это цвета, расположенные друг напротив друга на цветовом круге. Если смешать два таких цвета, получится нейтральный серый. Ну а если поставить два таких цвета рядом друг с другом, они будут создавать очень яркий контраст.
В качестве наглядного примера можно взять несколько пар, которые подходят под данное определение. Это жёлтый и фиолетовый, жёлто-оранжевый и сине-фиолетовый, оранжевый и синий, красно-оранжевый и сине-зелёный, красный и зелёный, красно-фиолетовый и жёлто-зелёный.
Дополнительные цвета придают картине особую уверенность и звучность. При этом, что немаловажно, оба таких цвета сохраняют свою интенсивность в картине, поэтому крайне важно уметь балансировать их по массе, чтобы один цвет не «задавил» другой.
Ещё один немаловажный момент — каждая пара дополнительных цветов обладает другими характеристиками. Так, пара жёлтый и фиолетовый представляет собой не только контраст дополнительных цветов, но и сильный контраст светлого и тёмного. Красно-оранжевый и сине-зелёный — это не только пара дополнительных цветов, но одновременно и чрезвычайно сильный контраст холодного и тёплого. Именно поэтому важно грамотно подбирать пару таких цветов в соответствии с темой вашей картины, чтобы цвет усиливал смысл, а не давил его своей яркостью.
Проанализируем пример. За основу взята пара «красно-оранжевый и сине-зелёный» — пара, которая подчеркивает тему природы, связанной с феей. Обратите внимание, как зелёные крылья выделяются на фоне красно-оранжевых волос и красноватой кожи. Всё это помогает создать нужный образ и поддерживать его.
Симультанный контраст. Из книги Иттена: «Понятие ‘симультанный контраст’ обозначает явление, при котором наш глаз при восприятии какого-либо цвета тотчас же требует появления его дополнительного цвета, и если такового нет, то симультанно (то есть, одновременно) порождает его сам. Этот факт означает, что основной закон цветовой гармонии базируется на законе о дополнительных цветах. Симультанно порождённые цвета возникают лишь как ощущение и объективно не существуют. Они не могут быть сфотографированы. Симультанный контраст, как и последовательный контраст, по всей вероятности, возникает по одной и той же причине».
Если говорить проще, то симультанным контрастом называют такое сочетание цветов, при котором в наших глазах происходит искажение реальной цветовой информации и порождение нового цвета (или искажение текущего), которого нет на рисунке. Это эффект проявляется при использовании двух не прямо дополнительных цветов.
Этот эффект сложно объяснить, так как его невозможно зафиксировать, но давайте попробуем рассмотреть его на примере. Обратите внимание на кожу девушки, особенно на цвет кожи в теневой части лица, прямо у волос. Как вы думаете, какой это цвет? Если вы думаете, что это какой то оттенок зелёного, то вы ошибаетесь — это совершенно не так. Это средненасыщенный оттенок оранжевого. А вот те зеленоватые пряди на волосах на макушке? Это тёмный вариант жёлтого. Голова идет кругом, правда?
Это контраст, создаваемый окружением. Серый на фоне тёплой кожи будет казаться либо синеватым, либо зеленоватым, приглушённый оранжевый на фоне красного будет казаться зеленоватым и т.д. Импрессионисты как никто другой понимали ценность этого контраста, и активно использовали его в своих работах. Так что будьте аккуратны, наблюдательны, и пробуйте изучать воздействие цветов друг на друга через рисунок.
Контраст по насыщенности. Из книги Иттена: «Слова ‘контраст по насыщенности’ фиксируют противоположность между цветами насыщенными, чистыми и блеклыми, приглушенными. Спектральные цвета, полученные путём преломления белого света, являются цветами максимальной насыщенности или максимальной чистоты. Среди пигментных цветов мы также имеем цвета максимальной насыщенности. Едва только чистые цвета затемняются или осветляются, они теряют свою насыщенность».
То есть, контраст по насыщенности — это контраст цветов, отличающихся по степени чистоты. Например, можно использовать пару ярко-красного и средненасыщенного жёлтого, и это будет считаться контрастом по насыщенности. Либо можно приглушить всю гамму рисунка, держа его в рамках средненасыщенных цветов, и выделить какие-то особо интересные элементы ярким насыщенным цветом. Такой тип контраста особо хорош для выделения определённых точек интереса.
Как можно приглушить цвета? В традиционной живописи сделать это можно путём добавления чёрного, белого, серого и дополнительного цвета в основную смесь. В цифровой живописи (в частности, в Photoshop) есть много других полезный инструментов — Vibrance, Photo filter, Hue/saturation, Exposure и тому подобное.
Но спрашивается, зачем вообще приглушать цвета? Дело в том, что когда на картинке всё равнонасыщенно, бывает сложно увидеть иерархию объектов на картинке, и глаз зрителя разбегается. Взгляните на картинку нижу. На данном очень сдержанном в плане цвета скетче персонажа мы видим, как на фоне ненасыщенной в свете бороды выделяется цветная насыщенная тень этой же бороды. Или как на фоне средненасыщенной тени глаз выделяются желтоватые более насыщенные зрачки. Более насыщенный шрам на лице так же выделяется на фоне средненасыщенной кожи. Всё это помогает правильно расставить акценты на картинке и донести важные для описания персонажа детали.
Контраст по площади цветовых пятен. Из книги Иттена: «Контраст по площади цветовых пятен характеризует размерные соотношения между двумя или несколькими цветовыми пятнами. Его сущность — противопоставление между ‘много’ и ‘мало’, ‘большой’ и ‘маленький’».
Иттен так же говорит, что у каждого цвета есть свой «вес», и если измерять цвета по шкале от 1 (самый тёмный) до 10 (самый светлый), то мы получим вот такую таблицу: желтый — 9, оранжевый — 8, красный — 6, фиолетовый — 3, синий — 4, зеленый — 6. Чтобы правильно выстроить взаимоотношения цветов на картине, нужно грамотно распределять эти массы. Если мы берём фиолетовый и жёлтый, то видим, что фиолетовый — 3, а жёлтый — 9. Чтобы массы смотрелись гармонично и не перевешивали друг друга, нужно привести их к правильному соотношению — из 3/9 мы получим 1/3, а это значит, что на одну часть фиолетового должно приходиться три части жёлтого.
Сгармонизованные в своих размерах цветовые пятна производят впечатление спокойствия и устойчивости. Контраст по площади цветовых пятен в этом случае нейтрализуется благодаря гармонично составленным цветовым пятнам.
Если же нужно нарушить гармонию и создать резкий контраст, придётся использовать другие соотношения. Главное чтобы выбор соответствовал настроению и характеру картины.
Представленная система количественных соотношений имеет силу только при использовании цветов в их максимальной насыщенности. При её изменении меняются и соответствующие размеры цветовых пятен. Оба фактора — и насыщенность, и размер цветового пятна — самым тесным образом связаны между собой.
Главное, о чём ни в коем случае нельзя забывать — это важность понимания того, что знание о цвете нужно подкреплять и анализом чужих работ, и чтением теории, и практикой. Без этого очень сложно понять суть явления цвета и начать грамотно его использовать.
Контраст по цвету — Искусство цвета (Иоханнес Иттен)
· Инструмент для подбора цветов и генерации цветовых схем ·
Искусство цвета
Иоханнес Иттен
Оглавление:
Контраст по цвету — самый простой из всех семи. Он не предъявляет больших требований к цветовому видению, потому что его можно продемонстрировать с помощью всех чистых цветов в их предельной насыщенности.
Так же как черный и белый цвета образуют самый сильный контраст светлого и темного, так и желтый, красный и синий цвет обладают наиболее сильно выраженным контрастом по цвету (рис. 4). Для того чтобы убедиться в этом, нужно, по крайней мере, три чистых и достаточно удаленных друг от друга цвета. Данный контраст создает впечатление пестроты, силы, решительности. Интенсивность контраста по цвету всегда уменьшается по мере того, как выбранные нами цвета удаляются от основных трех. Так, оранжевый, зеленый и фиолетовый по своей контрастности уже гораздо слабее, чем желтый, красный и синий, а воздействие цветов третьего порядка еще менее явно. Когда каждый цвет отделен друг от друга черными или белыми линиями, то их индивидуальный характер становится выраженным более резко, а взаимные излучения и взаимные влияния тем самым уменьшаются. Каждый цвет в этом случае проявляет, прежде всего, свою реальную конкретность. Хотя основная группа трех цветов желтого, красного и синего представляет собой самый большой контраст по цвету, однако и все другие чистые цвета несомненно могут быть представлены в ряду сильных контрастов (рис. 6).
Контраст по цвету позволяет, осветляя и затемняя выбранные цвета, получить множество совершенно различных сочетаний (рис. 7). Число вариаций здесь очень велико и. в соответствии с этим столь же бесконечно число их выразительных возможностей. Включение белого и черного цвета в палитру зависит от темы и индивидуальных предпочтений художника. Как это было показано на рисунках, относящихся к разделу «Цвет и цветовое воздействие», белый цвет ослабляет прилегающие к нему цвета и делает их более темными, черный, наоборот, усиливает и делает их более светлыми. Поэтому черный и белый являются важными элементами цветовых композиций (рис. 5).
Эти упражнения можно было бы выполнять, используя также и произвольно выбранные цветовые пятна. Однако в этом есть большая опасность. Вместо того чтобы изучать собственно силу и напряжение цветовых сочетаний, выполняющие эти упражнения начинают увлекаться формами и рисовать пятнами. Подобное рисование в этом случае становится врагом всякой живописности. Этого безусловно нужно избегать. И простые полосы или сетка шахматной доски здесь наиболее уместны.
В упражнении, показанном на рисунке 8, ставилась задача так расположить заданное количество желтых, красных, синих, белых и черных квадратов в горизонтальном и вертикальном направлениях,чтобы предельно усилить ощущение цветовой напряженности.
Композиция рисунка 9 состоит из локальных цветов максимальной чистоты, а также их осветленных и затемненных градаций и включенных сюда белого и черного цвета. Когда система цветовых сочетаний, показанных на рисунке 6, окажется усвоенной, можно быстро подобрать цвета для упражнений рисунка 10.
Очень интересные результаты получаются, если одному из цветов отводится главная роль, а остальные используются в небольших количествах — лишь для того, чтобы подчеркнуть качества главного цвета. Подчеркивая какой-то один цвет, мы усиливаем общую выразительность работы. После каждого схематического упражнения рекомендуется давать задания на выполнение свободных композиций в соответствии с характером данного контраста.
В пределах контраста по цвету может быть решено множество живописных тем. Этот контраст дает ощущение особой пестроты жизни, порожденной стихийной силой. Незатемненные цвета первого и второго порядка всегда вызывают в нас ощущение первородных космически-светоносных сил и жизнеутверждающей материальности. Поэтому они особенно хороши как для темы «Коронация Марии», так и для реалистического натюрморта.
На контрасте по цвету основано народное искусство различных стран. Пестрые вышивки, костюмы и керамика свидетельствуют о естественной радости, которую вызывают яркие краски. В украшенных миниатюрами ранних средневековых рукописях контраст по цвету используется в самых разных вариантах, причем в меньшей степени в мотивах духовного порядка и в большей — в целях создания радостного декоративного многоцветия.
Контраст по цвету можно очень часто найти в витражах, особенно ранних, где его стихийная сила берет верх над пластическими формами архитектуры.
Стефан Лохнер, Фра Анжелико, Боттичелли и другие художники строили свои картины, используя прежде всего принцип контраста по цвету.
Может быть, самым замечательным примером проявления смыслового начала данного контрастного соотношения является работа Грюневальда «Воскресение Христа», поскольку здесь он передает ощущение некой всеобъемлющей вселенской выразительности.
В картине Боттичелли «Положение во гроб» контраст по цвету, на котором построена картина, дает художнику возможность показать захватывающее величие этой сцены. Ее общее цветовое решение символизирует космически-значимое мгновение этого мирового события.
Следует признать, что выразительные возможности контраста по цвету могут проявляться самыми различными способами. С его помощью можно выразить бурное веселье, глубокое горе, земную первородность и космическую универсальность.
Ряд современных художников, как, например, Матисс, Мондриан, Пикассо, Кандинский, Леже и Миро, очень часто работали, используя контраст по цвету. Особенно Матисс, который писал множество натюрмортов и фигурных композиций, используя пестроту и силу этого контраста. Хорошим примером здесь может служить женский портрет «Янтарное ожерелье», написанный им чистыми цветами — красным, желтым, зеленым, синим, красно-фиолетовым, белым и черным. Эти сочетания служили ему выразительной характеристикой молодого, живого и умного существа. Художники группы «Синий всадник» — Кандинский, Франц Марк и Август Маке в ранние периоды творчества работали почти исключительно на контрасте по цвету.
Из огромного числа возможных примеров мной были выбраны следующие произведения: «Церковь в Эфесе» в Апокалипсисе Сен Севера, XI век, Париж, Национальная библиотека; «Коронация Марии» Е.Шаронтона, XV век, Вильнев-лез-Авиньон; «Прогулка в майский день» из «Богатейшего часослова герцога Беррийского» Поля Лимбурга, 1410, Шантийи, Музей Конде; «Композиция 1928» Пита Мондриана, собрание Марта Стама.
ИСКУССТВО ЦВЕТА часть 4 «Семь типов цветовых контрастов» — Страница 2 из 2
продолжение —>>
<<—предыдущая
1. Контраст цветовых сопоставлений
2. Контраст светлого и тёмного
3. Контраст холодного и тёплого
4. Контраст дополнительных цветов
5. Симультанный контраст
6. Контраст цветового насыщения
7. Контраст цветового распространения.
4. Контраст дополнительных цветов
Мы называем два цвета дополнительными, если их пигменты, будучи смешанными, дают нейтральный серо-чёрный цвет. В физике два хроматических света, которые при смешивании дают белый свет, также считаются дополнительными. Два дополнительных цвета образуют странную пару. Они противоположны друг другу, но нуждаются один в другом.
Расположенные рядом, они возбуждают друг друга до максимальной яркости и взаимоуничтожаются при смешивании, образуя серо-чёрный тон, как огонь и вода. Каждый цвет имеет лишь один единственный цвет, который является по отношению к нему дополнительным. В цветовом круге на рисунке 3 дополнительные цвета расположены диаметрально один другому. Они образуют следующие пары дополнительных цветов:
жёлто-оранжевый — сине-фиолетовый
оранжевый — синий
красно-оранжевый — сине-зелёный
красный — зелёный
красно-фиолетовый — жёлто-зелёный.
Если мы проанализируем эти пары дополнительных цветов, то найдём, что в них всегда присутствуют все три основных цвета: жёлтый, красный и синий:
жёлтый — фиолетовый = жёлтый, красный + синий;
синий — оранжевый = синий, жёлтый + красный;
красный — зелёный = красный, жёлтый + синий.
Подобно тому, как смесь жёлтого, красного и синего даёт серый, так и смесь двух дополнительных цветов так-же превращается в вариант серого цвета. Можно вспомнить также опыт из раздела «Физика цвета», когда при исключении одного из цветов спектра все остальные цвета, будучи смешанными, давали его дополнительный цвет.
Для каждого из цветов спектра сумма всех остальных образует его дополнительный цвет. Физиологически доказано, что как и явление остаточного изображения, так и симультанный контраст иллюстрируют удивительный и до сих пор необъяснимый факт появления в наших глазах при восприятии того или иного цвета одновременно и другого, уравновешивающего его дополнительного цвета, который в случае его реального отсутствия спонтанно генерируется в нашем сознании.
Это явление весьма важно для всех практически работающих с цветом. В разделе «цветовая гармония» было установлено, что закон дополнительных цветов является основой гармоничности композиции, потому что при его соблюдении в глазах создаётся ощущение полного равновесия.
Дополнительные цвета, в их пропорционально правильном соотношении, придают произведению статически прочную основу воздействия. При этом каждый цвет остаётся неизменным в своей интенсивности. Впечатления, производимые дополнительными цветами, идентичны сущности собственно самого цвета.
Эта статистическая сила воздействия дополнительных цветов играет особо важную роль для настенной живописи. Однако помимо этого каждая пара дополнительных цветов обладает и другими особенностями.
Так, пара жёлтый-фиолетовый представляет собой не только контраст дополнительных цветов, но и сильный контраст светлого и тёмного. Красно-оранжевый — сине-зелёный это также не только пара дополнительных цветов, но одновременно и чрезвычайно сильный контраст холодного и тёплого.
Красный и дополнительный к нему зелёный одинаково светлы и обладают одинаковой цветовой яркостью. Чтобы яснее усвоить элементарную сущность контраста дополнительных цветов, приведём несколько следующих упражнений.
На рисунках 23-28 представлены три пары дополнительных цветов и их смеси, позволяющие получить серый тон. Цветовая градация полос, образованных при смешении каждой пары дополнительных цветов, определяется постепенным увеличением количества цвета, добавляемого к основному.
При этом в центре каждого из этих рядов возникает тот нейтральный серый, который свидетельствует, что данная пара цветов является дополнительной. Если же этого серого не получается, то выбранные цвета не являются дополнительными. Рисунок 29 демонстрирует композицию из красного и зелёного и различных модуляций, возникающих при их смешении.
Рисунок 30 составлен из квадратов, образованных смешением двух пар дополнительных цветов: оранжевого и синего и красно-оранжевого и сине-зелёного.
Во многих картинах, построенных на контрастах дополнительных цветов, эти цвета используются не только в их собственно контрастных качествах, но и составляют основу смесей, которые, наоборот, служат средством тонального выравнивания произведений. Природа весьма часто демонстрирует нам подобное цветовое смешение.
Его можно видеть на стеблях и листьях кустов красных роз пока ещё не распустились бутоны. Красный цвет будущих роз смешивается здесь с зелёным цветом стеблей и листьев, вследствие чего возникают прекрасные красно-серые и зелено-серые оттенки.
С помощью двух дополнительных цветов можно получить особенно красивые серые тона. Старые мастера добивались столь цветного серого тона, например, благодаря тому, что на основной цвет полосками накладывали противоположный ему или же покрывали первый цветовой слой тончайшим слоем дополнительного к нему цвета.
Пуантилисты добивались цветного серого тона другим способом. Они наносили чистые цвета мельчайшими точками рядом друг с другом, а появление собственно серого тона происходило уже в глазах зрителя.
Примерами использования контраста дополнительных цветов могут служить следующие картины: «Мадонна канцлера Ролена» Ян ван Эйка (1390-1441), Париж, Лувр; «Царь Соломон, встречающий царицу Савскую» в Ареццо и работа Поля Сезанна «Гора Сен-Виктор», Филадельфия. Музей искусства.
5. Симультанный контраст
Понятие «симультанный контраст» обозначает явление, при котором наш глаз при восприятии какого-либо цвета тотчас же требует появления его дополнительного цвета, и если такового нет, то симультанно, т.е. одновременно, порождает его сам. Этот факт означает, что основной закон цветовой гармонии базируется на законе о дополнительных цветах.
Симультанно порождённые цвета возникают лишь как ощущение и объективно не существуют. Они не могут быть сфотографированы. Симультанный контраст, как и последовательный контраст, по всей вероятности, возникают по одной и той же причине.
Можно поставить следующий опыт: на большой, ярко окрашенной плоскости разместить маленький чёрный квадрат, затем поверх него положить листок папиросной бумаги.
Если эта плоскость окрашена в красный цвет, то чёрный квадрат будет казаться зеленоватым, если в зелёный, то чёрный квадрат покажется красноватым, на фиолетовом фоне — желтоватым, а если поместить его в жёлтый, то чёрный квадрат будет казаться фиолетово-серым.
Каждый цвет в глазах зрителя одновременно порождает и свои противоположный тон. Рисунки 31-36 демонстрируют этот опыт несколько иным способом. В каждый их шести квадратов, окрашенных в чистые цвета, помещено по маленькому квадрату нейтрального серого цвета, светлота которого соответствует светлоте основных цветов.
И сразу же каждый их этих серых квадратов начинает приобретать оттенок цвета дополнительного к основному главному тону большого квадрата. Проводя этот опыт и наблюдая за изменением оттенка серого цвета в том или ином цветном квадрате следует предупредить, что все остальные квадраты должны быть прикрыты, а сам лист, на котором они расположены, приближен к глазам.
Симультанное действие будет тем сильнее, чем дольше мы будем смотреть на основной цвет и чем ярче его тон.
Поскольку симультанно возникающие цвета реально не существуют, а возникают лишь в глазах, они вызывают в нас чувство возбуждения и живой вибрации от непрерывно меняющейся интенсивности этих цветовых ощущений.
При длительном рассматривании основной цвет как бы теряет свою силу, глаз устаёт, в то время как восприятие симультанно возникшего цвета усиливается. Симультанный контраст возникает не только при сочетании серого и какого-либо чистого хроматического цвета, но и при сочетании двух чистых цветов, не являющихся строго дополнительными.
Каждый из этих цветов будет стремиться сдвинуть другой в направлении к его дополнительному, причём в большинстве случаев оба цвета теряют нечто от присущего им характера и приобретают новые оттенки. В этих условиях цвета получают максимально динамическую активность. Их устойчивость нарушается и они приходят в состояние изменчивой вибрации.
Цвета теряют присущий им объективный характер и как бы «качаются», переходя из своей реальности в новое нереальное измерение. Цвет начинает терять свою материальность, и слова о том, что «сущность цвета не всегда идентична его воздействию», здесь полностью оправдывают себя.
Симультанные свойства цвета имеют первостепенное значение для всех работающих с ним. Гёте говорил, что «симультанный контраст является первейшим качеством цвета, дающим возможность использовать его в эстетических целях».
На рисунке 37 на оранжевом фоне изображены три маленьких серых квадрата, демонстрирующие три едва различимых оттенка серого цвета.
Причина различий этих трёх серых тонов заключается в том, что к первому серому было подмешано немного синего цвета, который содействовал появлению симультанного контраста; второй серый — нейтрален и подвержен симультанным изменениям. Третий же серый содержит примесь оранжевого цвета, достаточного для уничтожения симультанного действия, вследствие чего этот серый не вызывает никаких симультанных изменений.
Этот опыт показывает, что с помощью соответствующих мер действие симультанного контраста может быть усилено или уничтожено. Художнику важно знать, при каких условиях возникают симультанные воздействия цвета и как их можно избежать. Существует множество цветовых задач, при которых симультанные контрасты нежелательны.
Несколько лет тому назад мой посетитель — директор одной ткацкой фабрики, выпускающей текстиль для галстуков, в отчаянии обратил моё внимание на несколько сот метров дорогого галстучного шёлка, которые не продавались потому, что чёрная полоса на красном фоне казалась не чёрной, а зелёной, а это вызвало ощущение беспокойной вибрации.
Впечатление, которое производила эта ткань, было настолько сильным, что покупатели утверждали, что пряжа была зелёной. Если бы для производства данной ткани вместо синечёрной пряжи была использована пряжа коричневаточёрного цвета, то действие симультанного контраста было бы нейтрализовано, а материальных потерь не было.
Кроме изобразительных возможностей нейтрализации действия симультанного контраста существует ещё вторая возможность использовать цвета в разной степени их осветлённости. При наличии контраста светлого и тёмного возможность возникновения симультанного контраста уменьшается.
Прежде чем начинать работу над композицией целесообразно проверить действие цветовых взаимоотношений в эскизе. Симультанные проявления чистых цветов возникают и тогда, когда вместо дополнительных цветов двенадцатичастного цветового круга берутся цвета, расположенные справа или слева от выбранного начального цвета. Так можно взять не жёлтый к фиолетовому, а жёлтый к красно-фиолетовому или сине-фиолетовому цвету.
Так как жёлтый и в красно-фиолетовом, и в сине-фиолетовом всегда выявляет дополнительный фиолетовый цвет, красно-фиолетовый в жёлтом подчёркивает жёлто-зелёный, а сине-фиолетовый в жёлтом — жёлто-оранжевый, благодаря чему и возникают симультанные вибрации.
Или другой пример: если композиция построена из жёлтого и красного цвета на синем, то она гармонически спокойна. Если вместо синего цвета взять сине-зелёный, то это сразу же приведёт к симультанной игре, потому что красный и жёлтый будут симультанно возбуждаться и будут проявлять себя совсем иначе, чем на синем.
Если необходимо усилить действие симультанного контраста, то новые возможности дает здесь контраст насыщения.
В качестве примеров использования симультанного контраста могут быть приведены следующие произведения: миниатюра «Сатана и саранча» в Апокалипсисе из Сен Севера, XI век, Париж, Национальная библиотека; «Срывание одежд с Христа» Эль Греко (1 541 -1 614), Мюнхен, Старая Пинакотека; «Ночное кафе» Винсента Ван Гога (1853-1890), Оттерлоо, Рейксмузеум Крёллер-Мюллер.
6. Контраст цветового насыщения
Говоря о «качестве цвета», мы имеем в виду его чистоту и насыщенность. Слова «контраст насыщения» фикси-руют противоположность между цветами насыщенными, яркими и блёклыми, затемнёнными. Призматические цвета, полученные путём преломления белого света, являются цветами максимального насыщения или максимальной яркости.
Среди пигментных цветов мы также имеем цвета максимальной насыщенности. В связи с этим мы советуем обратить внимание на рисунок 15, который выявляет степень светлоты и темноты ярких цветов по отношению друг к другу. Едва только чистые цвета затемняются или осветляются, они теряют свою яркость.
Цвета могут быть осветлены или затемнены четырьмя способами, причём они весьма различно реагируют на средства, которые используются в этих целях.
Чистый цвет может быть смешан с белым, что придаёт ему несколько более холодный характер. Карминно-красный цвет при его смешении с белым приобретает синеватый оттенок и резко меняет свой характер.
Жёлтый также становится немного более холодным благодаря примеси белого, а основной характер синего цвета остаётся в значительной мере неизменным, фиолетовый цвет чрезвычайно чувствителен к примеси белого, и если насыщенный тёмно-фиолетовый цвет имеет в себе нечто угрожающее, то от примеси белого он становится более светлым — лиловым — и производит приятное и спокойно-весёлое впечатление.
Чистый цвет можно смешать с чёрным. При этом жёлтый теряет свою лучистую светлоту и яркость и приобретает некую болезненность и коварную ядовитость. Это немедленно сказывается на силе его яркости.
Картина Жерико «Умалишённый», написанная в черно-жёлтых тонах, производит потрясающее впечатление душевного расстройства. Чёрный цвет усиливает присущую фиолетовому цвету мрачность, наделяет его некой безвольностью и уводит в темноту.
При подмешивании чёрного цвета к ярко-красному кармину последний получает звучание, приближающее его к фиолетовому. Красная киноварь при подмешивании чёрного даёт нечто вроде жжённого, красно-коричневого вещества. Синий цвет затмевается чёрным. Достаточно небольшого добавления чёрного, чтобы его яркость быстро исчезла. Зелёный цвет допускает гораздо больше модуляций, чем фиолетовый или синий, и имеет много возможностей своего изменения.
Обычно чёрный цвет отнимает у цветов их светлоту. Он отдаляет их от света и более или менее быстро «убивает».
Насыщенный цвет может быть разбавлен благодаря добавлению к нему смеси чёрного и белого, то есть серого цвета. Едва только к насыщенному цвету добавляется серый, то получаются светлые, более светлые или более тёмные, но во всяком случае, более блёклые тона, чем тон первоначального цвета.
Подмешивание серого цвета нейтрализует другие цвета и делает их «слепыми». Делакруа ненавидел серый цвет в живописи и по возможности избегал его, ибо смешанные с серым цветом тона нейтрализуются симультанным контрастом. Чистые цвета могут быть изменены путём добавления соответствующих дополнительных цветов.
Если к фиолетовому цвету подмешать жёлтый, то получатся промежуточные тона между светло-жёлтым и тёмно-фиолетовым. Зелёный и красный не очень различаются по тональности, но при смешивании переходят в серо-черый.
Различные смеси двух дополнительных цветов при осветлении их белым цветом дают редкостные по своей сложности тона.
Если в какой-либо смеси участвуют все три цвета «первого порядка», то полученный цвет будет отличаться слабым, блёклым характером. В зависимости от пропорций, он может казаться желтоватым, красноватым, синевато-серым или чёрным. С помощью трёх цветов «первого порядка» могут быть получены все степени блеклости.
То же относится и к трём цветам «второго порядка» или ко всякой другой комбинации, если только в этой смеси будут участвовать три основных цвета — желтый, красный и синий.
Действие контраста «блёклый-яркий» относительно. Какой-нибудь цвет может показаться ярким рядом с блёклым тоном, и блёклым — рядом с более ярким.
Основные упражнения по контрасту насыщения могут быть проведены на листе, расчерченном наподобие шахматной доски на двадцать пять квадратов.
Чистый цвет помещается в центре, а нейтральный серый одинаковой яркости в каждом из четырёх углов. Затем смешиваем серый цвет с чистым, постепенно получая четыре более или менее разбавленных промежуточных тона. Для выявления контраста насыщения, необходимо устранить контраст светлого и тёмного, с тем чтобы яркость всех квадратов была одинаковой.
Рисунки 38-41 дают нам представление о тончайших световых возможностях контраста насыщения в хроматических модуляциях. Подобные упражнения могут быть выполнены и на основе размещения вместо серого цвета в угловых квадратах цветов, дополнительных к цвету центрального квадрата. При этом всё будет гораздо более ярким, чем при упражнении с серым цветом.
Если мы хотим добиться выразительности всей композиции, используя только контраст насыщения без всяких иных контрастов, то блёклый цвет должен быть подмешан к яркому, то есть яркий красный должен контрастировать с блёклым красным, а синий яркий с блёклым синим. Но нельзя ставить вместе яркий красный с блёклым синим или яркий зелёный с блёклым красным.
Иначе чистый контраст насыщения будет заглушен другими новыми контрастами, например, контрастом холо-да и тепла, и действие контраста насыщения с его тихой и спокойной выразительностью будет поставлено под вопрос.
Блёклые тона — главным образом, серые — кажутся живыми благодаря окружающим их ярким цветам. Это можно наблюдать, если на одной части «шахматной доски» в каждом втором квадрате разместить нейтральный серый цвет, а в промежуточных квадратах разместить яркие цвета той же осветлённости, что и серый.
Тогда мы увидим, что серый цвет приобретет некоторую живость, в то время как находящиеся рядом с ним яркие цвета покажутся менее яркими и относительно ослабленными.
Использование контраста насыщения можно видеть в картинах Жоржа де ла Тура «Новорожденный», Музей города Ренн; Анри Матисса (1869-1954) «Пеон», Нью-Йорк, Музей современного искусства и Поля Клее (1879-1940) «Волшебная рыба», Филадельфия, Музей искусства.
7. Контраст цветового распространения
Контраст цветового распространения характеризует размерные соотношения между двумя или несколькими цветовыми плоскостями. Его сущность — противопоставление между «много» и «мало», «большой» и «маленький».
Цвета могут компоноваться друг с другом пятнами любого размера. Но нам хотелось бы выяснить, какие количественные или пространственные отношения между двумя или несколькими цветами могут считаться уравновешенными и при каких условиях ни один из них не будет выделятся больше, чем другой.
Силу воздействия цвета определяют два фактора. Во-первых, его яркость и, во-вторых, размер его цветовой плоскости. Для того, чтобы определить яркость или светлоту того или иного цвета, необходимо сравнить их между собой на нейтрально-сером фоне средней светлоты. При этом мы убедимся, что интенсивность или светлота отдельных цветов различны.
Гёте установил для этой цели простые числовые соотношения, очень удобные в нашем случае. Эти соотношения приблизительны, но кто станет требовать точных данных, если имеющиеся в продаже краски, изготовленные на разных фабриках и продающиеся под одним и тем же названием, так сильно разнятся между собой?
В конечном счёте решать должен глаз. Помимо того, цветовые участки в картине часто фрагментарны и сложны по форме, и было бы весьма трудно привести их к простым числовым отношениям. Глаз заслуживает большего доверия, но при условии, что он обладает развитой чувствительностью к цвету. По Гёте световую насыщенность различных цветов можно представить системой следующих соотношений:
жёлтый : 9
оранжевый: 8
красный: 6
фиолетовый: 3
синий: 4
зелёный: 6
Приведём отношения светлоты следующих пар дополнительных цветов:
жёлтый : фиолетовый = 9:3 = 3:1 = 3/4 : 1/4
оранжевый : синий = 8:4 =2:1= 2/3 : 1 /3
красный : зелёный =6:6=1:1=1/2:1/2
Если для гармонизации размеров цветовых плоскостей опираться на эти данные, то необходимо использовать эквиваленты, обратные соотношению световых величин. То есть, жёлтый цвет, будучи в три раза сильнее, должен занимать лишь одну треть пространства, зани-маемого его дополнительным фиолетовым цветом.
Как показано на рисунке 42-44, для гармоничных соотношений плоскостей, заполненных дополнительными цветами, характерны следующие пропорции:
жёлтый : фиолетовый = 1 /4 : 3/4
оранжевый : синий = 1/3 : 2/3
красный : зелёный =1/2:1/2
Таким образом, гармоничные размеры плоскостей для основных и дополнительных цветов могут быть выражены следующими цифровыми соотношениями:
жёлтый : 3
оранжевый: 4
красный: 6
фиолетовый: 9
синий: 8
зелёный: 6
Или:
жёлтый : оранжевый =3:4
жёлтый : красный =3:6
жёлтый : фиолетовый =3:9
жёлтый : синий =3:8
жёлтый : красный : синий =3:6:8
оранжевый : фиолетовый : зелёный =4:9:6
Соответствующим образом можно представить также и все другие цвета в их соразмерной связи между собой.
На рисунке 45 представлен круг гармоничного соотношения основных и дополнительных цветов в их пространственных характеристиках.
Он построен следующим образом:
— сначала весь круг делится на три равные части, затем каждая из них, в свою очередь, опять делится пропорционально числовым отношениям двух дополнительных цветов:
— одна треть круга для жёлтого и фиолетового цвета делится в соотношении 1/4 : 3/4;
— другая треть, для оранжевого и синего, как 1 /З : 2/3,
— и последняя треть для красного и зелёного представлена соотношением 1/2:1 /2.
Когда эти пропорции найдены, рисуется другой, того же размера круг, где в соответствии с найденными пропорциями создается цветовой ряд согласно последовательности цветового круга: жёлтый, оранжевый, красный, фиолетовый, синий и зелёный.
Сгармонизованные в своих размерах цветовые плоскости производят впечатление спокойствия и устойчивости. Контраст цветового распространения в этом случае нейтрализуется благодаря гармонично составленным цветовым пятнам.
Представленная здесь система количественных соотношений имеет силу только при использовании цветов в максимальной их яркости. При её изменении меняются и соответствующие размеры цветовых площадей.
Оба фактора — и яркость, и размер цветовой плоскости самым тесным образом связаны между собой. На рисунке 46 красный и зелёный цвет даны в равных пространственных соотношениях.
Красный и зелёный как комплиментарные (дополнительные) цвета, обладая равными пространствами своего цветового поля, создают ощущение устойчивой, прочной гармонии.
Но в том случае, когда эти пространственные соотношения нарушены, возникает иррациональное беспокойство. Если в цветовой композиции вместо гармоничных пространственных отношений между цветами доминирует какой-то один цвет, композиция приобретает особо экспрессивную активность.
Конкретность выбранных соотношений определяется поставленной целью и зависит от темы картины, художественного чутья и вкуса художника.
При резко выраженном контрасте распространения цветов они начинают производить совершенно новое впечатление.
На рисунке 47 красный цвет представлен в предельно минимальном количестве.
Зелёный по отношению к нему занимает огромную площадь, в связи с чем по закону симультанного контраста красный, наоборот, начинает звучать очень ярко.
В разделе, посвящённом симультанному контрасту, было установлено, что глаз требует дополнения к каждому данному цвету. До настоящего времени причина этого явления не выяснена.
По всей вероятности, мы подчинены какому-то всеобщему стремлению к равновесию и самозащите. Этому же стремлению обязан своим особым действием и контраст распространения.
Написанный в меньшем количестве и занимающий меньшую площадь, попавший, так сказать, «в беду», цвет реагирует, обороняется и производит относительно более яркое впечатление, чем если бы он был использован в сгармонизованных пропорциях, как на рисунке 46. Этот факт известен как биологу, так и садоводу.
Когда растение, животное или человек в результате тяжёлых условий жизни попадает в бедственное положение, то в тех же растениях, животных и людях просыпаются силы сопротивления, которые при счастливом стечении обстоятельств позволяют достичь больших результатов.
Если при длительном созерцании картины сосредоточить свое внимание на каком-либо цвете, занимающем незначительную площадь, то этот цвет начинает казаться неё более и более интенсивным и действует возбуждающе.
Благодаря применению двух взаимно усиливающих друг друга контрастов можно придать картине необыкновенную живость и редчайшую цветовую экспрессию.
Здесь проявляется исключительная особенность контраста распространения — его способность изменять и усиливать проявление всех других контрастов. В разделе, посвященном контрасту светлого и тёмного, уже немного говорилось о цветовом пропорционировании. Но в сущности именно только контраст распространения в полном смысле является контрастом пропорций.
Если в композиции, основанной на контрасте светлого и тёмного, большая тёмная часть контрастирует с меньшей светлой, то благодаря этому противопоставлению произведение может приобрести особо углубленный смысл.
Так, например, в картине Рембрандта «Мужчина с золотым шлемом» контрастное сопоставление совсем небольшого яркого пятна на его плече с общим объёмом головы мужчины невольно заставляет проникнуться ощущением особой значительности образа.
В работах Мондриана композиционные структуры из полос красного, жёлтого и синего цвета держат общие размеры полотен. А у Брейгеля, в его картине «Падение Икара», контрастное сопоставление сине-зелёноватого-коричневого колорита пейзажа и вкрапленных в него небольших красно-оранжевых пятен рукава и воротника пахаря, выполняет уже иную роль, обеспечивая изобразительную целостность картины.
Согласование размеров цветовых плосткостей по меньшей мере столь же важно в работе над живописным произведением, сколь и сам выбор цветовой гаммы, поскольку каждая цветовая композиция должна исходить и развиваться из соотношений цветовых пятен между собой. Формы, размеры и очертания цветовых плоскостей должны определяться характером цвета и его интенсивностью, а не предрешаться собственно рисунком.
Соблюдение этого правила особенно важно для определения цветовых масс.
Размеры цветовых пятен ни в коем случае не могут быть установлены с помощью линейных контуров, ибо эти размеры определяются лишь интенсивностью красок, характером цвета, его яркостью и силой воздействия, которая во многом зависит от контрастного сопоставления цветов.
Если жёлтое пятно должно выделяться среди светлых тонов, то оно должно занимать значительно большую площадь, чем в том случае, когда это же пятно находится в окружении тёмных тонов.
И здесь достаточно небольшого жёлтого пятна, поскольку его яркость усиливается самим окружением.
Подобным же образом отношения всех цветовых масс должны выстраиваться в соответствии с силой их воздействия.
продолжение —>>
<<—предыдущая
Контраст по цвету (Контраст цветовых сопоставлений). Конспект И. Иттен «Искусство цвета»
Контраст по цвету (Контраст цветовых сопоставлений). Конспект книги И. Иттен «Искусство цвета»
Мы говорим о контрастах, когда, сравнивая между собой два цвета, находим между ними чётко выраженные различия. Когда эти различия достигают своего предела, мы говорим о диаметральном или полярном контрасте:
-большой-маленький,
-белый-чёрный,
-холодный-тёплый в своих крайних проявлениях.
Наши органы чувств функционируют только посредством сравнений. Глаз воспринимает линию как длинную только в том случае, если для сравнения перед ним имеется более короткая, но та же линия воспринимается короткой при сравнении с более длинной. Подобным же образом впечатления от цвета могут быть усилены или ослаблены с помощью других контрастных цветов.
Контраст по цвету ( цвет к цвету) это сочетание любых чистых цветов в их предельной насыщенности.
Для создания контраста по цвету нужно, по крайней мере, три чистых и достаточно удаленных друг от друга цвета.
Яркие цвета, полученные без помощи черной или белой красок, называются чистыми цветами. Желтый, красный, голубой и зеленый — это чистые цвета. Цвета, полученные при смешении чистых цветов с черным цветом, называются цветными тенями. Темно-коричневый цвет — это цветная тень. Цвета полученные при смешении их с белым цветом, называются оттенками. Розовый цвет, цвет слоновой кости — это оттенки. Цвета полученные при смешении чистых цветов с черным и белым, называются тонами. Рыжевато-коричневый, цвет беж и серый — это тона.
Самый сильный контраст по цвету дают три основные цвета: красный, синий и желтый.
Данный контраст создает впечатление пестроты, силы, решительности.
Контраст по цвету дает ощущение особой пестроты жизни, порожденной стихийной силой. Незатемненные цвета первого и второго порядка всегда вызывают в нас ощущение первородных космически-светоносных сил и жизнеутверждающей материальности. Поэтому они особенно хороши как для темы «Коронация Марии», так и для реалистического натюрморта.
Интенсивность контраста по цвету всегда уменьшается по мере того, как выбранные нами цвета удаляются от основных трех. Так, оранжевый, зеленый, фиолетовый по своей контрастности уже гораздо слабее, чем желтый, красный и синий, а воздействие цветов третьего порядка еще менее явно ( см. Двенадцатичастный цветовой круг).
Контраст по цвету позволяет, осветляя и затемняя выбранные цвета, получить множество совершенно различных сочетаний. Число вариаций здесь очень велико и в соответствии с этим столь же бесконечно число их выразительных возможностей. Включение белого и черного цвета в палитру зависит от темы и индивидуальных предпочтений художника.
Когда каждый цвет отделен друг от друга чёрными или белыми линиями, то их индивидуальный характер становится выраженным более резко, а взаимные излучения и взаимные влияния тем самым уменьшаются. Каждый цвет в этом случае проявляет, прежде всего, свою реальную конкретность (от себя: эту конкретность над нарабатывать самостоятельно воспринимая каждый цвет сначала в отдельности, а потом в сочетании (колорит)). Белый цвет ослабляет яркость прилегающих к нему цветов и делает их более тёмными, чёрный, наоборот, — повышает их яркость и делает их более светлыми. Поэтому, чёрный и белый являются важными элементами цветовых композиций.
Очень интересные результаты получаются, если одному из цветов отводится главная роль, а остальные используются в небольших количествах – лишь для того, чтобы подчеркнуть качества главного цвета. Подчеркивая какой-то один цвет, мы усиливаем общую выразительность работы.
Для этого абзаца мне показалась подходящей картина Дега. Сияния этого Божественного синего усилено прозрачным белым, черным и теплым рыжим (по материалам лекции Л. М. Поповой).
На цветовых контрастах основано народное искусство различных стран. Пёстрые вышивки, костюмы и керамика свидетельствуют о естественной радости, которую вызывают яркие краски. В украшенных миниатюрами ранних средневековых рукописях контрасты по цвету используются в самых разных вариантах, причём в меньшей степени в мотивах духовного порядка, и в большей — в целях создания радостной декоративной пестроты.
Цветовые контрасты можно очень часто найти в витражах, особенно ранних, где их стихийная сила берёт верх над пластическими формами архитектуры.
Стефан Лохнер, Фра Анжелико, Боттичели и другие художники строили свои картины, используя прежде всего принцип контраста по цвету.
Фра Анжелико
Фра Анжелико, фрагмент
Боттичели
Может быть, самым замечательным примером проявления смыслового начала данных контрастных отношений является работа Грюневальда «Воскресение Христа», поскольку здесь они передают ощущение некой всеобъемлющей вселенской выразительности.
Грюневальд «Воскресение Христа»
В картине Боттичелли «Положение во гроб» цветовые контрасты, на которых построена картина, дают художнику возможность показать захватывающее величие этой сцены. Её общее цветовое решение символизирует космически-значимое мгновение этого мирового события.
Боттичелли «Положение во гроб»
Следует признать, что выразительные возможности каждого отдельного цветового контраста могут проявляться самыми различными способами. С их помощью можно выразить бурное веселье, глубокое горе, земную первородность и космическую универсальность. Ряд современных художников, как, например, Матисс, Мондриан, Пикассо, Кандинский, Леже и Миро очень часто работали, используя контрасты цветовых отноше-ний. Особенно Матисс, который писал множество натюрмортов и фигурных композиций, используя пестроту и силу этого контраста. Хорошим примером здесь может служить женский портрет «Янтарное ожерелье», написанный им чистыми тонами — красным, жёлтым, зелёным, синим, красно-фиолетовым, белым и чёрным. Эти сочетания служили ему выразительной характеристикой молодого, живого и умного существа.
или
Матисс, портрет «Янтарное ожерелье»
Матисс
Художники группы «Синий всадник» — Кандинский, Франц Марк и Август Маке в ранние периоды творчества работали почти исключительно на цветовых контрастах.
Кандинский
Франц Марк
Август Маке
Из огромного числа возможных примеров мной были выбраны следующие произведения: «Церковь в Эфесе» в Апокалипсисе Сен Севера, XI век, Париж, Националь-ная библиотека; «Коронация Марии» Е.Шаронтона, XV век, Вильнев-лез-Авиньон; «Прогулка в майский день» из «Богатейшего часослова герцога Беррийского» Поля Лимбурга, 1410 г., Шантийи, Музей Конде; «Композиция 1928» Пита Мондриана, Собрание Марта Стама.
«Коронация Марии» Е.Шаронтон
«Прогулка в майский день» из «Богатейшего часослова герцога Беррийского» Поля Лимбурга
«Композиция 1928» Пита Мондриана
Posted via LiveJournal app for iPad.
Темно-синий цвет и сочетание с ним
Темно-синий цвет — глубокий, контрастный и строгий. Сочетание с ним выглядят солидно, что обусловливает их распространение в одежде и интерьере.
Темно-синий цвет имеет усиленные свойства синего. Это тон глубокой веры: религиозной, научной, социальной деятельности, но не фанатизм, потому что вера темно-синего тесно связана с интеллектом и трезвой оценкой. Он склоняет к размышлениям, этическим оценкам.
Темно-синий цвет ассоциируется с формой военных (например, морских войск, или парадная форма воздушных). Поэтому даже на обычных людях одежда темного синего навевает мысль на собранность, строгость и дисциплинированность владельца.
Под влиянием этого тона дыхание становится глубже и реже, пульс замедляется, что соответствует общему расслаблению. Рекомендуется людям с перевозбужденной психикой или во время стресса.
Оттенки темно-синего цвета
Оттенки темно-синего можно разделить на следующие категории:
— с зеленым подтоном, такие как темный сине-зеленый, грозовой.
— с фиолетовым отливом: кобальт, индиго, ультрамарин, черно-синий.
— средние темно-синие: черничный, темно-синий, сапфировый.
Конечно, это не все возможные разновидности данного оттенка: варьируется светлота и насыщенность тона, а так же есть игра подтона, там самым палитра расширяется и мало какой цвет сможет конкурировать с таким обилием темных красок.
Сложное сочетание темно-синего цвета
К сложным относятся сочетания, состоящие из 4 и более красок. Для примера рассмотрите палитру темно-синего
— с цветом папируса — устойчивая пара, которая навивает мысль о времени, и об идеях не подвластных времени. Цвет папируса теплый, соприкасаясь с холодным, абстрактным оставляют ощущения целостности и стабильности.
— с изумрудным цветом производит впечатление подводного мира. Изумрудный рядом с темно-синим кажется сине-зеленым. Эти цвета можно смешивать в любом количестве, они переливаются друг в друга, создавая атмосферу нереальности.
Дополнить это сочетание можно неоново-зеленым, бледно-розовым и бледно-желтым, при этом их лучше размещать на темно-синем цвете (они добавят нереальности).
Сочетание темно-синего в палитрах
Природные палитры сочетания цвета аквамарина
Сумеречные блики
Темно-синий – оттенок сумерек, и, как в любом темном, на нем волшебно смотрятся блики, особенно если они наполнены цветом. Сиреневые, розовые, желтоватые светлые пятна на мокрой, темной поверхности скорее всего отблеск от вывесок, которые украшают вечерний город. В палитре участвуют глубокий темный синий, светло-бежевый, фиалковый, сине-голубой, темно-синий, кобальт, черный.
Нитки в старой мастерской
Это не просто старая мастерская, а старинная. Не смотря на свою ветшалость, она наполнена красками, которые меняют свой оттенки, подстраиваясь под шероховатость поверхности. В этой гамме приняли участие средне-серый с фиолетовым подтоном, светло-серо-синий, темный коричнево-фиолетовый, шоколадный, темно-синий, черно-серый.
Яркие листья на ярком асфальте
Эти сочные цвета не являются родными для фотографии, и, тем не менее, мы видим красоту, созданную природой в купе с человеком. Доведенная яркость до предела серого асфальта дало серо-синие и темно-синие оттенки, а старые листья, будто светятся. В комбинации задействованы соломенный, осенний оранжевый, темно-красный, серо-голубой, темно-синий, иссиня-черный.
Колоритный интерьер
Сочный интерьер в темно-синих и розовых цветах смотрится графически четким и сочным. Такое сочетание противопоставляет высокое с нежным, твердое с хрупким, светлое с темным. В палитре были задействованы бежево-розовый, светло-розовый, светло-серебряный, темный сине-зеленый, темно-синий, черно-синий.
Сочетание темно-синего в таблицах
Сочетание с темно-синим чаще всего основано на световом контрасте, однако, как насыщенный, холодный цвет, он производит эмоциональные комбинации с тепловым и цветовым контрастом. Как базовый цвет он легко сочетается с многими тонами и может образовать огромное множество стилей. Это удается ему по тому, что он никогда не выходит на первый план, а остается как основа для других оттенков.
Сочетание темно-синего с розовым может иметь акцент на световой контраст, как в случае со светлыми оттенками розового, так и цветовой, например, с фуксией или малиновым, где упор ставится на насыщенность парного тона. Контраст может быть и выраженно тепло-холодный, например, с коралловым. Таблица сочетания состоит из королевского розового, бело-лилового, закатно-розового, фуксии, малинового.
Темно-синий и красный: сочетание цветов – сильное, стабильное. В основе лежит холодно-теплый контраст, а низкая световая разница с некоторыми темными оттенками красного придает строгий, стильный характер паре. В сочетание входят арбузный, коралловый красный, рубиновый, темно-бордовый, винный.
Темно-синий с оранжевым сочетаются по принципу дополнительных цветов. Это очень яркая, сочная пара, которая так же может похвастаться четкостью за счет светового резонанса. Хорошо смотрятся как оттенки с желтым подтоном, так и красным отливом. Палитра составлена из светло-персикового, кораллово-оранжевого, манго, красно-оранжевого, рыжего.
Сочетание темно-синего и желтого несет драматичный подтекст, который стоит на наибольшей разнице в световом диапазоне и выраженном тепловом контрасте. Свою изюминку в сочетание вносит золотой блеск. Цветовая гамма состоит из цвета шампань, абрикосового, бледно-золотого, бананового, желтого золота.
Как сочетать темно-синий с теплым зеленым? Яркое, сочное и при этом спокойное сочетание из теплых, чистых, пронзительных оттенков зелени. Светлые зеленые с преобладанием желтого наиболее эффектны в плане контраста, но средне-зеленые выигрывают в мягкой гармонии. Композиция составлена из бледно-зеленого, шартреза, салатового, влюбленной жабы, цвета келли.
Сочетание цветов: темно-синий и холодный зеленый – насыщенное, контрастное, но легкое и ненавязчивое. Холодный зеленый перетекает в основной цвет, рождая морские градиенты, которые сами по себе действуют успокаивающе. В таблице собраны цвет воды, ментоловый, мятный, изумрудно-зеленый, изумрудный.
Сочетание темно-синего с синим – комбинация в одном тоне, а значит это цветовая гамма, направленная на углубление основного цвета. В ней наш тон будет играть роль тени, так что все оттенки, выбранные ему в пару должны быть светлее его. Например, это может быть аквамарин, голубой, васильковый, темно-бирюзовый, джинсовый.
Темно-синий и фиолетовый – сочетание, основанное на подобии, где объединяющим фактором будет синий, который входит в состав фиолетового. Эта пара поражает своей нереальностью, а легкий тепловой контраст придает ей энергии, динамики композиции. Для примера рассмотрите сочетание с бледно-сиреневым, сиренево-аметистовым, орхидей, виноградным, сливовым.
Темно-синий сочетается с коричневым не хуже, чем с другими синими оттенками. Теплый, сочный коричневый одна из лучших оправ для темного синего. Это мягкий тепловой контраста, естественный, свободный, он полон грации и стиля. Строгая, и в то же время, доверительная, комбинация сможет придать стиль в любом ее проявлении. Палитра включает дуб, желто-коричневый, бронзовый, цвет коры, шоколадный.
Сочетание темно-синего с белым, серым, бежевым, черным. Описываемый оттенок может занимать главную позицию в сочетание с нейтральными цветами. Каждый такой тон придаст свое настроение комбинации. Белый – яркую элегантность, бежевый – мягкую изысканность, серый – повседневную строгость, а черный – деловую амбициозность. Рассмотрите сочетания с сливочным, светло-серым, бежевым, антрацитовым, черным.
Темно-синий цвет в одежде
Темно-синий цвет в одежде относится к базовым. Темный, холодный, ненавязчивый, он приближается в своих свойствах к нейтральной гамме. Наличие его в базовом гардеробе дает разнообразие с универсальностью.
Тон стройнит, подходит для большинства цветотипов. Исключением может стать «весна», но не полным, так как при ярком макияже и аксессуарами вполне выгодно будет смотреться.
Как я уже говорила, он ассоциируется с военной одеждой, женщины в этом цвете будут выглядеть еще более женственными и не преступными. Темно-синий, так же означает женскую верность.
Этот тон скорее зимний, чем летний. В холодное время почти все переодеваются в темные цвета . А также он хорошо подойдет для деловых встреч.
Даже «легкомысленный» покрой темно-синего материала будет казаться строгим. А строгий костюм этого цвета будет полностью выражать неприступность.
Сочетание темно-синего в одежде
Сочетание темно-синего в одежде многообразно. Сам по себе строгий оттенок он «утяжеляет» мягкие, яркие, нежные тона, выводя их из зоны веселья и романтики на территорию строгого стиля, женственной утонченности, элегантности. Именно по этой причине его занесли в базовую палитру.
Темно-синий сочетается с белым в яркую, женственную контрастную пару. Она часто дополняется золотом и черным.
Серый усиливает твердость, развивает повседневность. Для контраста лучше смотрится с белым и черным, а аксессуары с ним лучше серебряные.
Черный утяжеляет темный синий. Разбавляйте это сочетание коричневым или бежевым.
Коричневый тон приземляет наш оттенок, но не лишает его благородности, а наоборот, усиливает ее. Часто такие пары разбавляются бежевым, можно внести в них черный или красный.
Бежевый смягчает основной тон. Некоторые варианты можно даже назвать романтичными, но в основном эффект идет на усиление женственности.
Яркие оттенки желтого помогают темному синему выйти на рубеж драмы, хотя если цвета мягкие, то ощущение от комбинации меняется на противоположное. Белый и золото часто сопутствуют таким гаммам.
Оранжевый, как дополнительный оттенок делает сочетание наиболее броским. Для снижения чрезмерного влияния, комбинацию значительно разбавляют белым, а оранжевый используют либо в аксессуарах, либо его оттенок является пограничным с другими цветами, как, например, персиковый.
Розовый находится под влиянием темного синего, как контролируемая чувственность, сдержанная нежность. Это очень контрастное, эмоциональное сочетание дополняется белым и золотом.
Оттенки фиолетового продолжают темно-синий, его холодную сдержанность, царственность. Сочетания очень гармоничны, но без поддержки других тонов смотрятся скучновато. Это может быть голубой, темно-золотой, золотой, серый, коричневый, черный, красный.
Красный разбивает обычные рамки синего, наполняя его силой и энергией. Композицию часто дополняют коричневым и золотом.
Темно-синий удачно ладит с всеми зелеными оттенками, создавая ореол спокойствия и безмятежности. Сочетание так же нуждается в разбивании, например, коричневым, серым, другими оттенками синего или зеленого, золотом.
Темно-синий цвет в интерьере
В любом интерьере даст ощущение нереальности. Если вы хотите выделятся, то этот оттенок для вас. При этом не забывайте о успокаивающем влиянии синего, и если вы подвижная и активная личность, то темно-синий будет противоестественен вашей натуре.
Этот цвет наверно, больше подойдет для помещений, где нет окон: для кинотеатра, клуба, цокаля. (не оформляйте темно-синим тренажерные залы, он не способствует физическим занятиям). Даже если есть в помещении окна, он поглощает дневной свет. Ему больше подойдет рассеянная или светодиодная подсветка.
Свет должен идти не откуда и по всей поверхности равномерно распределенного тона. На нем хорошо будут смотреться флуоресцентные рисунки.
Глубина темно-синего подобно бархату или другому ворсистому материалу. Следует предпочитать мягкие кресса, подушки, диваны ковры. Этот цвет хорош для спальни.
Стоит не забывать о контрасте и чередовать темно-синий, например, с цветом папируса (можно белым) иначе предметы будут сливаться в одно пятно.
ПОСМОТРЕТЬ СОЧЕТАНИЯ С ПОХОЖИМИ ЦВЕТАМИ (нажать на картинку)
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)
Цветовые модели и контрасты
Фото видео студия «Бекар» — все виды профессиональной фото видео съёмки!
Читать с начала
Комплиментарные (гармоничные, контрастные) – цвета, расположенные в круге напротив друг друга. Очень хорошо сочетаются друг с другом, поэтому называются гармоничными.
Характерные – цвета, расположенные в круге через один.
Нехарактерные (аналоговые) – цвета, расположенные рядом друг с другом. Хорошо сочетаются, но не позволяют получить в изображении контраст.
Существует несколько моделей создания цветового пространства изображения, при этом призваны они решать одну задачу: создание ощущения полного цветового равновесия.
Монохромная модель (одноцветная гармония). Из определения видно, что равновесие создаётся присутствием в изображении только одного цвета в его оттенках. При этом он может быть как основным или составным, так и оттенком какого-либо из них. Самая простая модель.
Оттенки синего
Ярким примером монохромной цветокоррекции может служить сепия – придание изображению какого-либо оттенка коричневого цвета с целью имитации старой чёрно-белой фотографии.
Оригинал
Сепия
При использовании монохромной модели в фото или видео производстве нужно помнить следующее: цвета, находящиеся в цветовом круге, делятся на два типа – тёплые и холодные (о них мы расскажем позже).
Если в изображении Вам необходимо передать атмосферу уныния, неизвестности, враждебной пустоты или душевного холода – лучше пользоваться холодными цветами и оттенками.
Если же Ваш творческий замысел отражает позитивное настроение, безмятежность, умиротворённость – тонировать изображение лучше тёплыми цветами и оттенками.
В принципе, это правило применимо ко всем моделям, учитывая тот факт, что в любом случае какой-то один цвет или оттенок в изображении будет преобладающим (интенсивным). Синеватый оттенок человеческого лица в прекрасный солнечный день – дисгармония. Синеватый оттенок человеческого лица лунной холодной ночью – гармония.
Контрастная модель (двухцветная гармония). Цветовое равновесие в такой модели создаётся комплиментарными цветами, расположенными в цветовом круге напротив друг друга.
Как уже было сказано выше, такие цвета очень хорошо сочетаются друг с другом но… Если они сильно различаются по насыщенности, самый насыщенный должен занимать меньшую площадь. Именно основываясь на принципе контрастной модели ныне очень модная цветокоррекция изображения TEAL&ORANGE получила очень широкое распространение не только в фотографии и кинематографе, но и на телевидении. Не очень сложная в исполнении, но очень гармоничная модель.
Трёхцветная равномерная (триадная) модель. Трёхцветная гармония. При создании такой модели в изображении участвуют три цвета, расположенные в цветовом круге относительно друг друга через равные промежутки. Проще – в вершинах равностороннего треугольника, нарисованного в центре круга.
Воплотить в изображении цветовое решение, используя три цвета, достаточно сложно (по сравнению с монохромной или контрастной моделями), но в случае грамотного использования трёхцветной равномерной модели результат получается очень сбалансированным.
Трёхцветная доминирующая модель (разделённая гармония). В этой модели также участвуют три цвета, только выбираются они, в отличии от равномерной модели, по другому принципу: после выбора основного цвета определяется контрастный ему цвет, расположенный на противоположном конце вектора, и к модели добавляются два цвета, находящиеся рядом с контрастным по обе стороны.
Квадроравномерная модель (четырёхцветная гармония). Количество цветов в такой модели достигает четырёх. Из цветового круга выбираются две пары цветов, расположенные в вершинах прямоугольника или квадрата.
Квадродоминирующая модель (альтернативная четырёхцветная гармония). В этой модели используется один доминирующий цвет + контрастный + два дополнительных, примыкающих к контрастному с двух сторон.
Существует ещё аналоговая модель (аналоговая гармония), позволяющая сочетать цвета, расположенные рядом друг с другом в одном сегменте цветового круга между первичными (основными) цветами.
Говоря о цветовой гармонии в процессе создания своей индивидуальной формулы цветокоррекции, необходимо рассказать о видах и особенностях цветовых контрастов. Контраст возникает между двумя цветами с чётко выраженными различиями. При этом если различия достигают своего предела, контраст называется полярным (или диаметральным). Самые простые примеры – чёрный-белый, большой-маленький, холодный-горячий. При этом зрительно различить контраст можно только сравнением. Мы можем определить, что нарисованная на бумаге линия длинная, если для сравнения перед нами будет нарисована линия короче. И в то же время длинная линия станет короче по сравнению с более длинной. Таким же образом ощущения от одного цвета могут быть ослаблены или усилены с помощью другого контрастного цвета.
На сегодняшний день в колористике описаны семь контрастных проявлений цвета:
1. Контраст по цвету
2. Контраст светлого и тёмного
3. Контраст холодного и тёплого
4. Контраст дополнительных цветов
5. Симультатный контраст
6. Контраст по насыщенности
7. Контраст по площади цветовых пятен
Каждый из контрастов обладает своим особым характером, художественной значимостью, зрительному, экспрессивному и конструктивному действию, благодаря чему колорист может открыть для себя основные художественные возможности цвета.
Контраст по цвету.
Контраст по цвету достаточно простой потому, что его можно создать из всех чистых цветов (жёлтый, красный и синий) в их предельной насыщенности.
Данный контраст создаёт впечатление пестроты, силы, решительности. Интенсивность контраста по цвету уменьшается по мере того, как выбранные для цветокоррекции тона удаляются от трёх основных. Например, контраст цветов второго порядка (оранжевый, зелёный, фиолетовый) будет гораздо слабее.
Контраст по цвету позволяет получить великое множество совершенно различных цветовых сочетаний путём осветления (+ белый) или затемнения (+ чёрный) выбранных цветов. Выразительные возможности контраста по цвету позволяют подчеркнуть в изображении и бурное веселье, и глубокое горе, и земную первородность, и космическую универсальность. Интересного результата при использовании контраста по цвету можно добиться и в том случае, если одному из цветов отвести главную роль, а остальные использовать в небольших количествах для того, чтобы только подчеркнуть качества главного цвета. Подчёркивая какой-то один цвет, мы усиливаем общую выразительность изображения.
Контраст светлого и тёмного.
Контраст светлого и тёмного является неотъемлемой частью человеческой жизни и природы вообще. В изобразительном искусстве чёрный и белый цвет являются самым сильным выразительным средством для обозначения света и тени. Контраст белого и чёрного – самый яркий пример контраста светлого и тёмного в ахроматических цветах,
а контраст жёлтого и фиолетового – в хроматических цветах.
Контраст светлого и тёмного в хроматических цветах подразумевает использование основного цвета в сочетании с дополнительным, полученным в результате изменения насыщенности основного (+/- серый).
При этом существует одна важная закономерность: светлый объект на тёмном фоне будет выглядеть крупнее, чем аналогичный тёмный объект на светлом фоне. Белый цвет излучается и как бы стремится во вне, в то время как чёрный поглощается и как бы стремится внутрь.
Контрастом светлого и тёмного можно добиться объёмности изображения, а в фотографии и кинематографе именно контрастом светлого и тёмного в кадре создаётся перспектива: чем дальше от объектива, тем светлее изображение и наоборот. При цветокоррекции об этом стоит помнить.
Контраст холодного и тёплого.
Обычно принято считать, что:
Жёлтый
Жёлто-оранжевый
Оранжевый
Красно-оранжевый
Красный
Красно-фиолетовый – это ТЁПЛЫЕ ЦВЕТА, а
Жёлто-зелёный
Зелёный
Сине-зелёный
Синий
Сине-фиолетовый
Фиолетовый –
ХОЛОДНЫЕ ЦВЕТА.
На самом деле это является некоторым заблуждением по следующей причине: как жёлтый и фиолетовый в цветовом круге являются полюсами контраста светлый-тёмный, так сине-зелёный и красно-оранжевый являются полюсами контраста холодный-тёплый.
Исследования показали, что сине-зелёный цвет понижает импульс кровообращения (затормаживает), а красно-оранжевый его стимулирует (возбуждает).
Именно эти цвета всегда холодные и тёплые, в то время как промежуточные цвета, расположенные между ними, могут быть холодными или тёплыми в зависимости от того, контрастируют ли они с более тёплыми или холодными цветами. Проще говоря: зелёный цвет является холодным по отношению к красному, в то время как он же является тёплым по отношению к синему.
Именно на сочетании «тормозящих» и «возбуждающих» цветов основан контраст холодного и тёплого, имеющий особую значимость для поиска цветовых решений изображения. Различные способы проявления этого контраста не только расширяют круг его выразительных возможностей (та же цветокоррекция TEAL&ORANGE), но и делают его в фотографии и кинематографе важнейшим изобразительным средством для передачи пластических ощущений и перспективы – более удалённые от объектива предметы всегда должны казаться более холодными.
Контраст дополнительных цветов.
Дополнительными считаются цвета, пигменты которых при смешивании образуют нейтральный серо-чёрный цвет. В цветовом круге эти цвета расположены строго напротив друг друга и образуют следующие сочетания:
Жёлтый – фиолетовый
Жёлто-оранжевый – сине-фиолетовый
Оранжевый – синий
Красно-оранжевый – сине-зелёный
Красный – зелёный
Красно-фиолетовый – жёлто-зелёный
Эти сочетания дополнительных цветов парадоксальны по своей природе: противоположны друг другу, они друг в друге нуждаются, расположенные рядом, они максимально подчёркивают (и уравновешивают) друг друга, а при смешивании взаиморастворяются, образуя особенно красивые серые цвета (так называемый цветной серый). Дополнительные цвета при пропорционально грамотном сочетании придают изображению прочную основу воздействия на зрителя.
Симультатный контраст.
Симультатный контраст – явление, при котором наше зрение при восприятии какого-либо цвета «требует» появления его дополнительного цвета, и в случае отсутствия последнего симультатно (одновременно) порождает его в сознании, вызывая чувство возбуждения и вибрации изображения. В большинстве случаев такие вибрации ломают цветовую гармонию, вызывая зрительный резонанс и дисгармонию в восприятии изображения. Симультатный контраст может возникать в тех случаях, когда колорист в выборе цвета намеренно или случайно отклоняется от правил, присущих определённой цветовой модели. Например, в случае контрастной модели (двухцветная гармония), в качестве дополнительного цвета к основному жёлтому берётся не фиолетовый, расположенный напротив жёлтого, а сине-фиолетовый или красно-фиолетовый, расположенные рядом с фиолетовым.
В случае трёхцветной равномерной модели (трёхцветная гармония), если в триаде синий – жёлтый – красный вместо синего выбрать сине-зелёный цвет в качестве фона, то красный и жёлтый на нём будут симультатно возбуждаться и проявлять себя совсем иначе, чем на синем фоне.
Возможность возникновения симультатного контраста уменьшается и при наличии контраста светлого и тёмного, то есть при использовании цветов в разной степени их осветлённости. Намеренно добиваться в фотографии или кино симультатного контраста вряд ли есть необходимость, а вот почему он возникает и как его избежать – знать нужно.
Контраст по насыщенности.
Контраст по насыщенности подразумевает сочетание чистых, насыщенных цветов с цветами блеклыми, приглушёнными. Обладает тихой и спокойной выразительностью. Чистые цвета теряют свою насыщенность сразу, как только затемняются или осветляются, причём сделать это можно несколькими способами для достижения конкретного результата.
1. Чистый цвет можно «разбавить» белым, практически сохранив чистоту, но придав ему более холодный оттенок.
2. Чистый цвет можно «разбавить» чёрным, практически отняв чистоту и придав ему грязноватый оттенок.
3. Чистый цвет можно «разбавить» серым, нейтрализовав сам цвет и придав ему блеклый, «слепой» оттенок.
4. Чистый цвет можно «разбавить» соответствующим дополнительным цветом, получив промежуточные тона, которые при осветлении белым способны дать редкие по своей сложности оттенки.
Если в каком-либо сочетании будут участвовать все три цвета первого порядка, то полученный результат будет всегда отличаться слабым, блеклым характером. В зависимости от пропорций, он может стать желтоватым, красноватым, синевато-серым или чёрным, но с помощью всех трёх цветов первого порядка могут быть получены все степени блеклости.
Действие контраста по насыщенности относительно. Всякий цвет может казаться насыщенным рядом с блеклым, равно как и блеклым по отношению к более насыщенному.
Чтобы добиться выразительности в композиции, используя только контраст по насыщенности, необходимо блеклые цвета сформировать на цветовой основе насыщенных: чистый красный должен контрастировать с блеклым красным, чистый синий – с блеклым синим и т.д. В противном случае (чистый красный + блеклый синий) контраст по насыщенности может быть заглушён, например, контрастом тёплого и холодного, и тогда его тихая и спокойная выразительность останется под вопросом…
Контраст по площади цветовых пятен.
Исключительная особенность этого контраста – способность проявлять и усиливать проявления всех других контрастов, присутствующих в изображении, благодаря своей геометрической, «размерной» сущности отношений между двумя или несколькими цветовыми пятнами. Проще говоря, контраст по площади цветовых пятен определяет количественно-пространственные отношения между двумя или несколькими цветами с целью определения степени их уравновешенности в композиции изображения. Силу воздействия цвета на зрителя определяют два фактора: светлота цвета и размер цветового пятна. Именно за размеры цветовых пятен отвечает данный контраст. Ввиду того, что и само понятие цвета субъективное, и геометрические размеры отдельных сложных элементов изображения определить трудно, соотношения площадей цветовых пятен тоже носят приблизительный характер, доверяя скорее глазомеру художника, чем числовым отношениям и расчётам. Но всё же… Гармоничные размеры плоскостей для основных и дополнительных цветов могут быть выражены следующими цифровыми значениями:
Жёлтый – 3
Оранжевый – 4
Красный – 6
Фиолетовый – 9
Синий – 8
Зелёный — 6
Соотношения гармоничных размеров плоскостей для этих цветов будут выглядеть, например, так:
Жёлтый : оранжевый = 3 : 4
Жёлтый : красный = 3 : 6
Зелёный : фиолетовый = 6 : 9
Такая система количественных отношений действительна только при использовании цветов в их максимальной насыщенности. При изменении насыщенности меняются и соответствующие размеры световых пятен, которые должны определяться характером цвета и его интенсивностью, а не предрешаться самим изображением.
Всё, о чём было сказано в этом разделе статьи, поможет и фотографу, и видеографу создать в своих работах гармоничный цветовой баланс не только на этапе цветокоррекции, но и на этапе подготовки к съёмке. Зная особенности основных цветовых моделей и видов контраста, можно грамотно расставить декорации, подобрав в интерьере цветовые соотношения не по принципу «Как красиво!!!» а по принципу «Как гармонично!!!», можно заранее расставить соответствующие цветовые акценты, уравновешивающие композицию кадра, можно со знанием дела подобрать правильное цветовое решение в одежде персонажей…В любом случае, Ваши творческие фантазии обретут качественный, законченный вид и не будут вызывать ощущения нехватки или переизбытка чего-то…
продолжение
© Студия Бекар. Все права защищены.
Любое использование материалов допускается только с указанием активной ссылки на источник.
Как использовать контрастные цвета в фотографиях (потрясающие примеры!)
Некоторые фотографии лучше привлекают внимание зрителя, чем другие. Часто причиной этого является использование естественного контраста, создаваемого хорошо сочетающимися цветами.
Давайте посмотрим, как можно использовать контрастные цвета для улучшения фотографий.
Разница между тональным и цветовым контрастом
В фотографии можно говорить о двух типах контраста.Есть тональный контраст и цветовой контраст. Первый касается разницы между самым светлым и самым темным тоном изображения независимо от оттенка.
Это контраст между белым, черным и оттенками серого. Цветовой контраст означает разницу между разными оттенками. Другими словами, он отвечает за то, как цвета взаимодействуют друг с другом.
Это хорошая тактика — полагаться только на один тип контраста в вашем изображении и использовать другой как второстепенный инструмент.
Тональный контраст как главный художественный инструмент и цветовой контраст как второстепенная деталь Например, это изображение сильно зависит от тональной разницы между сияющей белой луной и темным силуэтом особняка с привидениями и летучих мышей.
Таким образом, цветовой контраст между оранжевой хурмой и синим дымом (плюс темно-синий фон) вторичен. Это добавляет гармонии, но это не главное, что скрепляет образ.
Это изображение также построено в основном на тональном контрасте. Цветовой контраст теплого печенья и холодного голубого НЛО. 
Это Пожарная коллекция . Вы, конечно, можете увидеть здесь тональную разницу, но разница между цветами гораздо заметнее. И наоборот, другое оранжевое и бирюзовое изображение ( Fire collection ) полностью посвящено цветовому контрасту.
Конечно, есть тональный контраст между ярким огнем и темным фоном. Но он играет второстепенную роль по сравнению с цветовым контрастом между теплым оранжевым искр и холодным синим фоном.
Создание контраста с бесплатными цветами
Знать пары дополнительных цветов — это одно. Другое дело — сделать их частью ваших внутренних знаний. Я видел много статей о дополнительных цветах, каждая из которых представляет цветовое колесо и объясняет основы теории цвета.
И каждый раз думал, что это просто общие знания. Так что я не стал их читать. Но ощущение того, что что-то знакомо, — не то же самое, что понимание этого на самом деле.
Так что посвятите немного времени изучению механики пары противоположных цветов. Это было бы отличным вложением.
Цвета на противоположных сторонах цветового круга являются дополнительными цветами. Они естественно создают самый сильный контраст Кстати, мы вас позаботились, вы можете прочитать подробную статью здесь.Но вкратце, дополнительные цвета противостоят друг другу на цветовом круге.
Они настолько разные, насколько это возможно, поэтому они создают максимальный контраст, усиливая друг друга. Вот почему мы говорим, что дополнительные цвета делают изображение «ярким».
Начните с простых композиций, чтобы улучшить использование цветового контраста
Управлять противоположными цветами может быть непросто, поэтому лучше начать с чего-нибудь простого и надежного. Чем меньше цветов на изображении, тем легче сделать привлекательную фотографию.
Всплеск красного на зеленом фоне (клубника на зеленой тарелке или девушка в красном капюшоне в лесу) сложно не заметить. Так вы сможете мгновенно привлечь внимание зрителя.
Начните с простого. По факту. Разделим это на три простых шага.
Шаг 1. Выберите объект сплошного и яркого цвета. Скажем, красный чайник.
Шаг 2. Найдите фон контрастного цвета. Дополнительный цвет нашего красного чайника может быть зеленым или голубым, в зависимости от цветовой модели, которую вы используете.Я предпочитаю светлый оттенок синего. Это не чистый голубой цвет, но так контраст будет более гармоничным.
Шаг 3. Объединяем и добавляем детали! Поставьте чайник на выбранный вами фон и добавьте пару ярких деталей, чтобы изображение получилось живее. Вуаля!
Если вы проделаете это упражнение несколько раз, обращая внимание на взаимодействие цветов, со временем вы сможете найти привлекательную палитру, даже не задумываясь о ней.
И, все больше и больше отходя от традиционного контраста цветового круга, вы найдете более тонкие способы сочетания цветовых оттенков.
Сделайте ваше изображение целым, используя два или три цвета
Блокировка цветов — еще один отличный способ понять, как цвета работают вместе. Ставьте блоки и большие однотонные поверхности рядом друг с другом. Придерживайтесь простых форм и ярких цветовых тонов.
Если вы хотите снять портрет, обсудите со своей моделью одежду, сочетающую в себе несколько однотонных цветов. Скажем, красный пиджак с синим верхом.
И выберите локацию с большой однотонной стеной или ярким граффити.
Фото Анны Динеевой Если вы предпочитаете натюрморт, приготовьте несколько фонов разных ярких цветов и выберите предметы.Имейте в виду, что на цветовом круге он противоположен выбранному вами фону.
Рассмотрим для примера изображение Анны Динеева . Желтые лимоны отлично смотрелись бы на темно-синем фоне. Особенно при жестком свете и ярко выраженных тенях.
Зеленая авоська поддерживает минималистичную цветовую палитру, но при этом вносит разнообразие тонов.
Фото Анны Динеевой Настоятельно предлагаю попробовать свои силы в подобном проекте. Решите, сколько цветов вы хотите использовать (начните с не более трех).Тщательно выбирайте свои объекты. А все остальное делайте максимально комфортно.
Попробовать новую палитру уже достаточно сложно, так что пусть любой другой параметр зависит от ваших сильных сторон. Например, если у вас хорошо получается снимать фотографии с горизонтальной ориентацией, снимайте с горизонтальной ориентацией.
Если ваш угол наклона составляет 45 градусов, сделайте это. Сделайте все остальное обычным образом, чтобы вы могли сосредоточиться на изменениях, которые вносит цвет, и изучить их.
Используйте контрастные цвета, чтобы выделить объект
Основное использование контрастных цветов — привлечь внимание зрителя и направить его на объект.Вот почему вы можете выделить свои объекты с помощью c
.Мифы о доступности цветового контраста
Существует растущая потребность дизайнеров сделать свои интерфейсы доступными для всех пользователей. Важно приспособить пользователей с ограниченными возможностями, но существует множество мифов о доступности цветового контраста, которые распространяются дезинформированными людьми.
Они часто повторяют эти мифы, чтобы дискредитировать дизайн, не понимая, в каких ситуациях применяется стандарт цветового контраста. Более того, они предполагают, что интерфейс недоступен, когда для передачи информации используется цветовой контраст.
Из-за этого дизайнеры часто чувствуют необходимость зацикливаться на доступности и вводятся в заблуждение, полагая, что их интерфейс недоступен, хотя на самом деле он есть. Эта статья развенчивает распространенные мифы о доступности цветового контраста и устанавливает правду.
Миф 1: Требования WCAG всегда оптимальны
Руководство по доступности веб-контента (WCAG) — это набор принципов, используемых в качестве стандарта для определения доступного цветового контраста. Однако эти рекомендации не всегда находят применение на практике.Вместо того, чтобы следовать им догматично, вы должны использовать их для руководства своими дизайнерскими решениями, а не для их навязывания.
Один из случаев, когда стандарты WCAG неприменимы, — это контраст яркости белого текста. Обе кнопки ниже имеют синий фон, но одна имеет белый текст, а другая — черный. Когда вы опрашиваете пользователей, какая кнопка легче читается, большинство скажет вам, что кнопка с белым текстом более читабельна (источник). Но коэффициенты цветовой контрастности для специальных возможностей говорят о другом.
Коэффициент контрастности черного текста составляет 5,41, что соответствует требованиям. Однако коэффициент контрастности для белого текста составляет 2,94, что не соответствует его требованиям. В соответствии с требованиями к контрастности кнопка с белым текстом должна быть менее читаемой, но на самом деле более читаемой.
Аналогичное исследование, сравнивающее текст на белой и черной кнопках, подтверждает этот вывод. Белый текст легче читается не только пользователям с нормальным зрением, но и дальтоникам (источник).
Эта неточность контраста, кажется, возникает с белым текстом на синем и оранжевом фоне. Коэффициенты контрастности WCAG не всегда учитывают высокую яркость белого текста. Белый — это чистая яркость без оттенка или насыщенности, что является самой сильной формой контраста. Поэтому понятно, почему кнопку с белым текстом легче читать (источник).
Причина, по которой коэффициент контрастности белого текста не соответствует норме, заключается в том, что он имеет высокую яркость и находится на фоне с высокой яркостью.Светлый текст на светлом фоне с помощью вычислений отображается с низким контрастом. Ваш дизайн должен удовлетворять тому, что видят люди, а не вычислительным алгоритмам. Вот почему глаз дизайнера всегда должен играть роль в уравнении.
WCAG призван помочь дизайнерам выбрать правильные цветовые контрасты. Здесь применима поговорка «Карта — не территория». Не путайте модели реальности с самой реальностью.
Миф 2: текст должен соответствовать требованиям AAA, иначе он недоступен
WCAG имеет разные уровни соответствия.Некоторые считают, что весь текст должен соответствовать наивысшему уровню требований (AAA), иначе он будет недоступен для значительной части их пользователей. Это представление неверно и становится очевидным, если вы понимаете, как было сделано требование AAA.
Требование AAA представляет собой коэффициент контрастности 7: 1 для компенсации потери контрастной чувствительности слабовидящими пользователями с потерей зрения 20/80 или более. Многие из этих пользователей используют вспомогательные технологии с функциями усиления контраста. Им нужна эта технология, потому что они просматривают контент не только в одном интерфейсе, но и в нескольких, когда они используют Интернет.Требование AAA распространяется только на тех, кто потерял зрение 20/80, которые не используют вспомогательные технологии и представляют гораздо меньшую группу (источник).
Потеря зрения 20/80 редко встречается среди населения в целом и в основном поражает пожилых людей, страдающих возрастными заболеваниями глаз. Исследование показало, что слабое зрение чаще всего связано со старением (источник). Острота зрения начинает снижаться у большинства пользователей со здоровыми глазами в возрасте 70 лет (источник). Если большая часть вашей пользовательской базы составляет 70 лет и старше, выполнение некоторых требований AAA может принести им пользу.WCAG не рекомендует выполнять все требования AAA, потому что это невозможно для определенного контента (источника).
Соответствие требованиям AA достаточно для большинства пользователей. Требование AA представляет собой коэффициент контрастности 4,5: 1 для компенсации потери контрастной чувствительности пользователями с потерей зрения 20/40. Исследование показало, что «большинство людей сохраняют как минимум хорошую остроту зрения (20/40 или выше) до восьмидесятилетнего возраста» (источник). Этот вывод говорит о том, что соответствие требованиям AA сделает ваш текст доступным для большинства пользователей.
Миф 3: компоненты интерфейса имеют тот же стандарт контрастности, что и текст
Многие делают ошибку, придерживая для компонентов интерфейса тот же стандарт контрастности, что и текст, хотя на самом деле они разные. Компоненты интерфейса имеют коэффициент контрастности 3: 1, а текст — 4,5: 1. Текст требует более высокой контрастности, потому что пользователям нужно его читать. Компоненты интерфейса не требуют чтения и имеют более низкий стандарт (исходный код).
На контраст текста влияет множество нюансов, таких как размер и толщина шрифта.Для текста больших размеров (18 пт) и текста с более толстым шрифтом (14 пт. Полужирный) требуется меньшая контрастность (источник). Не только это, но и некоторые компоненты интерфейса освобождены от требования. Перед тем, как поднести компонент интерфейса или текст к стандарту контрастности, убедитесь, что вы правильно применяете его в нужных ситуациях.
Миф 4: Серый текст и кнопки недоступны и выглядят отключенными
Еще один распространенный миф — серый текст недоступен. Многие предполагают, что пользователи не могут читать серый текст, потому что он выглядит малоконтрастным.Иногда это может быть правдой, но иногда это ложное предположение. Например, кнопка ниже имеет серый текст, и некоторые сочтут ее недоступной. Однако проверка контраста показывает, что он не только соответствует требованиям AA, но и что соотношение намного выше стандарта.
Другой миф, который вы можете услышать, заключается в том, что серая кнопка недоступна, потому что она не соответствует стандарту контрастности. Оказывается, критерии успеха для кнопок не требуют визуальной границы, обозначающей область нажатия.Если кнопка с текстом имеет рамку, нет требований к контрасту, кроме контрастности текста (источник). Следовательно, серая кнопка, которая, по мнению большинства, недоступна, соответствует требованиям контрастности.
Этот критерий успеха также означает, что значки рядом с кнопками не имеют требования к контрастности, если текстовая метка соответствует коэффициенту контрастности 4,5: 1. Однако, если значок не имеет текстовой метки, к значку применяется требование коэффициента контрастности 3: 1.
Существует также миф о том, что серые кнопки выглядят отключенными, что часто повторяется предвзятыми наблюдателями, которые не понимают правильного обозначения неактивных компонентов.Отключенные кнопки обозначаются отсутствием контраста с текстовой меткой. Когда кнопку трудно читать, пользователи не беспокоятся об этом, что и является целью отключенной кнопки. Не говоря уже о том, что требование контрастности не распространяется на неактивные компоненты.
Миф 5: дальтоники не могут отличить контрастирующие цвета
Распространено предположение, что если в дизайне используется цветовой контраст для передачи информации, дальтоники не заметят разницы.Цветовой оттенок и цветовой контраст — это два разных измерения. Дальтоникам сложно различать определенные цветовые оттенки. У них нет проблем с восприятием различий в цветовых контрастах (источник).
Например, многие могут подумать, что расположенные ниже кнопки недоступны для дальтоников, потому что для обозначения различных состояний используется цветовой контраст. Но правда в том, что дальтоники могут довольно четко различать контрастирующие цвета. Кнопки используют только один цветовой оттенок, другие не конкурируют, и имеют достаточную разницу контрастности.
Используя симулятор дальтонизма, вы можете имитировать то, что видят дальтоники. Пользователи с дефицитом красно-зеленого и сине-желтого цветов без труда заметят разницу в цветовом контрасте.
Дальтоникам трудно заметить цветовой контраст, только когда цвета зеленые и красные с почти одинаковой темнотой (источник). В приведенном ниже примере показано, что люди с дальтонизмом увидели бы, если бы кнопки были красными и зелеными с одинаковой темнотой.
Если вы используете конкурирующие цветовые тона для различения состояний, вам понадобится еще один визуальный сигнал, помимо цвета. Но если вы используете цветовой контраст только для различения состояний, он, вероятно, доступен для дальтоников.
Существуют различные типы дальтонизма, но больше всего вам следует обратить внимание на недостаток красного и зеленого. Красно-зеленая дальтонизм поражает более 99% всех дальтоников (источник). Есть несколько симуляторов дальтонизма, которые вы можете выбрать в расширениях Chrome, например Colorblindly.
Миф 6. Использование одной цветовой метки недостаточно для передачи информации
Этот миф, вероятно, тот, в котором люди ошибаются больше всего. Они часто ссылаются на требование «использования цвета», не понимая, когда применяется этот стандарт. Имейте в виду, что у этих стандартов есть нюансы, которые вам нужно понять, прежде чем вы волей-неволей начнете их использовать.
Требование доступности гласит, что «цвет не должен использоваться в качестве единственного визуального средства для передачи информации, обозначения действия или различения элемента.Однако этот стандарт применяется только в тех случаях, когда разным цветам присваиваются определенные значения для информирования пользователя (источника). Другими словами, если вы используете цветовые различия для передачи информации, вам понадобится дополнительная подсказка. Но если вы используете свет и темноту для передачи информации, вам не понадобится дополнительная подсказка, если разница в контрасте достаточно высока.
Например, жетоны-переключатели ниже используют синий цвет для обозначения активного состояния, но синему не присвоено никакого особого значения.Активное состояние передается через цветовой контраст, а не цветовой оттенок.
Цветовой оттенок для активного состояния произвольный. Вы можете использовать любой другой цветовой оттенок, и этого будет достаточно, если он будет поддерживать высокий уровень контрастности в неактивном состоянии. Таким образом, требование «использования цвета» не применяется к этому сценарию.
Примером значения присвоенного цвета являются состояния ошибок в полях формы. Красный часто используется для обозначения ошибки в текстовом поле.В этом случае красного цвета недостаточно для обозначения состояния ошибки, потому что дальтоники его не увидят. Красный казался им черным. Следовательно, вам понадобится дополнительная подсказка, например текст или значок, чтобы указать состояние ошибки.
Другой пример — использование цвета для обозначения состояния системы на странице. Цветовые оттенки зеленого и красного часто используются для обозначения серьезности системных проблем. В этом случае применяется требование «использования цвета», потому что цветовым оттенкам придается особое значение.Иконки необходимы, чтобы помочь дальтоникам различать состояние каждой системы.
Цветовой контраст не всегда является единственным сигналом, когда дело касается состояний. Визуальная глубина также является знаком, который испытывают пользователи. Это происходит, когда объекты, контрастирующие с фоном, кажутся ближе и доминируют, в то время как объекты, которым не хватает контраста, появляются дальше и приглушены. Синяя кнопка в этом примере кажется пользователям наиболее близкой. В результате акцент и заметность означают активное состояние.
Именно игра контраста с фоном придает кнопкам глубину и позволяет пользователям различать активное состояние. Если бы обе кнопки имели одинаковый уровень контрастности, пользователи не смогли бы воспринимать глубину как визуальный сигнал.
Миф 7: доступный дизайн отвечает потребностям каждого пользователя на планете
Каждый дизайнер хотел бы удовлетворить потребности каждого пользователя на планете. Дизайнеры стремятся к этому, но этого невозможно достичь, даже если вы будете следовать всем требованиям WCAG.Всегда найдутся пользователи, которым ваш дизайн покажется неприятным.
Вместо того, чтобы стремиться к идеалу, основанному на недостижимой фантазии, стремитесь к идеалу, основанному на достижимой реальности. Реальность такова, что доступный дизайн не может удовлетворить потребности каждого пользователя, но он может удовлетворить потребности как можно большего числа пользователей.
Понимание этой истины означает признание того факта, что меньшинство пользователей не будет иметь такого же опыта, как большинство. Но, к счастью для меньшинства, им доступны вспомогательные технологии с высококонтрастными режимами.Дизайнеры, которые действительно понимают доступность, будут стремиться достичь реалистичного, а не фантастического идеала.
Нюансы доступности цветового контраста
Доступность всегда должна быть приоритетом при разработке для пользователей. Рекомендации WCAG — эффективный инструмент, который поможет вам достичь доступного дизайна высочайшего стандарта. Эти мифы не связаны с рекомендациями WCAG. Они вызваны людьми, которые неверно истолковывают, искажают или неправильно используют руководящие принципы. Пора развеять эти мифы.
Понимание нюансов доступности цветового контраста поможет вам точно соответствовать стандартам WCAG. Когда другие проецируют мифы о доступности цветового контраста на ваш дизайн, вы можете исправить их. Вы останетесь верны визуальной простоте и эстетике, одновременно соблюдая баланс между ними и доступностью. Результатом станет всеобъемлющий интерфейс, который удовлетворит почти всех.
Филиалы
.Проверка контрастности цвета— snook.ru
Дата создания: 11 января 2005 г.
Дата последнего изменения: 11 января 2015 г.
Цвет переднего плана:#
Цвет фона:#
Полученные результатыЭто пример текста. Некоторые из них выделены жирным шрифтом. Некоторые из них выделены курсивом.
Описание
Инструмент проверки контрастности цвета позволяет указать цвет переднего плана и фона и определить, обеспечивают ли они достаточный контраст «при просмотре человеком с дефицитом цвета или при просмотре на черно-белом экране» [W3C].
Инструмент покажет, что цвета прошли тест, если разница в цвете и яркости превышает их порог.Это будет означать, что он вроде как проходит, если только одно из двух значений превышает свой порог. И, наконец, это не удастся пройти, если ни одно из значений не превышает свой порог.
Инструмент также покажет, соответствуют ли цвета новой формуле контрастности WCAG 2.0. Формула WCAG 2.0 различает текст размером менее 18 пунктов, текст размером более 18 пунктов (или текст, выделенный жирным шрифтом и превышающий 14 пунктов). Для соответствия AA соотношение текста должно быть не менее 4,5: 1 (более крупный текст, не менее 3: 1).Для соответствия AAA соотношение текста должно быть не менее 7: 1 (более крупный текст, не менее 4,5: 1).
Вы можете ввести трехсимвольное значение (например: 036), и оно автоматически преобразуется в шестизначную версию.
Альтернативно
Примечания к разработке
Этот инструмент цветового контраста изначально был основан на HP Color Contrast Tool, который больше не доступен. Однако у него было несколько проблем, которые побудили меня разработать свой собственный:
- , цветовой порог у HP — 400.Я изменил его на 500 в соответствии с рекомендациями W3C
- вам приходилось вручную вводить каждый цвет (красный, зеленый и синий)
- есть ошибка в HP, которая не вычисляет шестнадцатеричные значения правильно при определенных обстоятельствах
Для получения дополнительной информации ознакомьтесь с разделом «Методы оценки и восстановления специальных возможностей» от W3C.
,Преобразование цветов — синий
Примеры CSSТекст
Свойство CSS для изменения цвета текста на Decimal 255 называется «цвет». Свойство цвета можно установить для классов, идентификаторов или непосредственно в элементе HTML.
В этом примере показано, как выглядит текст цвета # 0000FF.
.text, #text, p {color: # 0000FF}📋 Код копирования
Если вы хотите добавить текстовую тень в этот цвет, используйте свойство text-shadow, вы можете сгенерировать текстовую тень напрямую с наш 🔧 Генератор теней текста CSS.
Здесь вы видите, как выглядит черный текст с цветной тенью размером 4 пикселя # 0000FF.
.shadow {text-shadow: 4px 4px 2px # 0000FF}📋 Копировать код
Border
Свойство CSS для изменения границы элемента на Decimal 255 называется «границей». Свойство границы можно установить для классов, идентификаторов или непосредственно в элементе HTML.
В этом примере цвет показан как граница, его можно применить через свойство CSS «border» или «border-color».
.border, #border, table {border: 4px solid # 0000FF}📋 Копировать код
Если нужно изменить только цвет границы, используйте свойство border-color.
.border {border-color: # 0000FF}📋 Код копирования
Если вы хотите добавить тень блока в этом цвете, используйте:
Здесь вы видите, как блок с 4-пиксельной тенью цвета # 0000FF выглядит как.
.boxshadow {-moz-box-shadow: 4px 4px 4px 4px # 0000FF; -webkit-box-shadow: 4px 4px 4px 4px # 0000FF; box-shadow: 4px 4px 4px 4px # 0000FF}📋 Копировать код
Фон
Свойство CSS для изменения цвета фона элемента на Decimal 255 называется «background».Свойство background можно установить для классов, идентификаторов или непосредственно в элементе HTML.
.background, #background, body {background: # 0000FF}📋 Copy Code
Если нужно изменить только цвет фона, можно использовать:
.background {background-color: # 0000FF}📋 Копировать код
В этом примере показан цвет в качестве фона, он применяется через свойство CSS «background».
Для оптимизации и сжатия кода CSS вы можете использовать наш онлайн-компрессор и оптимизатор CSS на основе csstidy.Если вы хотите создать линейный или радиальный градиент в качестве фона или границы, проверьте наш 🌈 CSS Gradient Generator.
Как использовать Преобразование цветовПреобразование
Чтобы преобразовать, вставьте строку в одном из этих цветовых форматов, например, «0000FF», в поле ввода и нажмите «Преобразовать». Результат будет в разделе «Преобразования», а в следующих разделах вы найдете более подробную информацию о цвете.
В некоторых цветовых форматах используются одинаковые обозначения, и при преобразовании будет угадываться состав поискового запроса.Например, если вы попытаетесь преобразовать строку «240 °, 100%, 100%», это может быть цвет HSV или HSL, в этом случае преобразование будет принимать HSL.
Поскольку это может привести к неправильному преобразованию, вы можете определить, какой формат вы передаете, заключив строку цвета в скобки с форматом впереди. Строка поиска «HSV (240 °, 100%, 100%)» даст вам правильный цвет HSV, так как нет необходимости угадывать формат. Другими примерами могут быть «CIELAB (32.30, 79.20, -107.86)», «CIELCH (32, 133.816, 306.287) «,» YXY (7.2200, 0.1500, 0.0600) «и» CMYK (1.00, 1.00, 0.00, 0.00) «.
Подробности
В разделе подробностей вы сначала получите сводку цвета и, если доступно, описание типа «темно-приглушенный красный». Вы можете увидеть распределение цвета в разных форматах. Например, в формате RGB вы узнаете количество красного, зеленого и синего в вашем цвете.
At наконец, вы получаете градиенты яркости и насыщенности вашего цвета с шагом 10%. Так что, если вам нужна более яркая или более темная версия, вы можете выбрать ее здесь.
Гармонии
Гармонии в основном показывают вам цвета, которые хорошо сочетаются с цветом, который вы сейчас просматриваете. Если вам нравится одна из гармоний, вы можете напрямую создать из нее 🌈 CSS-градиент или 🔧 CSS-текстовую тень или просмотреть гармонию как 🖌️ Color Bucket.
Изображения SVG
В этом коротком разделе показан выбор файлов SVG, использующих текущий цвет. Вы можете скачать эти файлы и использовать их в своих проектах, например, в качестве фонового изображения.
Превью
Хотите увидеть, как ваш цвет выглядит на белом или черном фоне? Затем вы должны проверить раздел «Предварительный просмотр» на цветной странице.
Вы также видите цветовой контраст вашего цвета на этих фонах и получаете ссылку на средство проверки контрастности цвета с предварительно выбранным цветом.
Моделирование дальтонизма
Выбирая цвет для своего проекта, вы можете иметь в виду, как этот цвет воспринимается людьми с дефицитом цветового зрения. Поэтому я добавил этот раздел, показывающий вам предварительный просмотр вашего цвета для различных недостатков цветового зрения.
Примеры CSS
Если вы новичок в веб-разработке, вы можете узнать, как применить свой цвет в качестве цвета переднего плана, фона или границы.Раздел «Примеры CSS» дает вам именно это, помогает, как использовать текущий цвет в CSS.
Если вы просматриваете цвет в формате, недоступном в CSS, вы увидите, что цвет преобразован в совместимый формат.
Color Bucket
Вы выбрали цвета для своего следующего проекта и хотите загрузить их в виде палитры или поделиться ими с друзьями, чтобы обсудить свое решение? Тогда вам стоит взглянуть на цветное ведро. Он позволяет хранить до 10 цветов, автоматически создает цветовые палитры для каждого из этих цветов на основе яркости и дает вам матрицу WCAG.
Вы можете загрузить каждую цветовую палитру или выбранные цвета как палитру GIMP, Adobe® ASE или Tailwind CSS. Кроме того, вы можете просматривать все как 🌈 Градиент CSS, 🔧 Тень текста CSS или 📷 Изображение цветовой палитры.
Чтобы добавить цвет в цветовое ведро, я поместил ссылку «❤️ Добавить этот цвет в корзину» в разделе заголовка каждой страницы этого веб-сайта.
Color Contrast Checker
Когда вы выбираете цвета для проекта, важно помнить о цветовом контрасте.My Color Contrast Checker позволяет вам проверять цвета, которые вы выбрали, в соответствии с Руководством по обеспечению доступности веб-контента (WCAG) 2.0.
.