инструкция по применению ⭐️ Digital Academy

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

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

Оглавление

• Кто и зачем создал цветовой круг Иттена
• Как устроен цветовой круг Иттена
• Как пользоваться цветовым кругом: основные комбинации и схемы
  • Комплементарное сочетание
  • Контрастная триада (разбитое комплементарное сочетание)
  • Триада
  • Аналогичное сочетание (аналоговая триада)
  • Тетрадное или четырёхугольное сочетание
• Как дизайнеры используют круг Иттена
• Цветовой круг Иттена онлайн: полезные сервисы
  • Цветовой круг Canva
  • Adobe Color
  • Get Color
  • ColorScheme. Ru

Кто и зачем создал цветовой круг Иттена

Иоганнес Иттен — теоретик искусства и художник из Швейцарии. С 1919 года он работал в легендарном Баухаусе (школа конструирования и строительства, во многом определившая развитие архитектуры и дизайна во всём мире). Иттен разработал учебный курс о цвете, форме и фактуре материала. Одним из коллег Иттена был, например, Василий Кандинский.

Иоганнес Иттен. Источник: Wikimedia Commons

У Иттена были чрезвычайно передовые взгляды для того времени. К примеру, он считал, что художника не должны ограничивать традиции и устои, а ещё начинал занятия со студентами с дыха­тельных упражнений и медитаций.

В своей книге «Искусство цвета» теоретик рассказывает о гармонии цвета, цветовом конструировании и контрастах. Для колористического конструирования он предлагает художникам пользоваться цветовым кругом.

Цветовой круг по Иоханнесу Иттену. Источник: Wikimedia Commons

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

Как устроен цветовой круг Иттена

Главные цвета в системе Иттена — красный, синий и жёлтый. Это основные цвета. Они размещены в центре круга и вписаны в треугольник. Вокруг этих цветов ещё три треугольника. Это цвета, которые получаются из смешения основных. То есть, если взять два основных цвета и смешать их, получаются составные цвета (или цвета второго порядка):

• фиолетовый,
• зелёный,
• оранжевый.

И, наконец, внешний круг, который состоит из 12 цветов. Там размещены и цвета второго порядка, и третьего, и основные.

Цвета третьего уровня созданы из смешения основных и составных цветов.

• жёлто-зелёный,
• сине-зелёный,
• сине-фиолетовый,
• красно-оранжевый,
• жёлто-оранжевый,
• красно-фиолетовый.

Круг Иттена с раскладкой по цветам разного уровня. Источник: сайт sndesign-mar.1gb.ru

Так получился цветовой круг Иттена из 12 цветов, очерёдность которых повторяет порядок цветов в естественном спектре. Иттен считал, что эта система поможет художнику чётко воспроизвести цвета в памяти.

Как пользоваться цветовым кругом: основные комбинации и схемы

Круг Иттена — это шпаргалка для всех, кто занимается дизайном в том или ином виде. Нужно вам разработать упаковку сыра, собрать гардероб клиентке или сверстать интернет-магазин скейтбордов — скил сочетать цвета добавит +100 к привлекательности итогового продукта. Расскажем ниже, как сочетать цвета при помощи круга Иттена.

Комплементарное сочетание

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

Основные тона в интерьере серо-голубые, с помощью фиолетового и жёлтого расставлены акценты. Источник: сайт homester.com.ua

Контрастная триада (разбитое комплементарное сочетание)

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

Необязательно, чтобы все цвета в вашем дизайне использовались равнозначно, один может быть основным, а остальные два — акцентными. Или же основным будет нейтральный оттенок, а три из контрастной триады только для выделения деталей.

На упаковке детского питания голубой цвет основной, а красный и оранжевый использованы для расстановки акцентов. Источник: сайт lenta.com

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

Триада

Это сочетание на круге Иттена смотрится как равносторонний треугольник. Это тоже контрастная, но сбалансированная комбинация.

Сочетание синего, жёлтого и красного на упаковке чипсов. Источник: сайт vprok.ru

Аналогичное сочетание (аналоговая триада)

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

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

Аналоговые цвета в модном образе. Источник: сайт cosmo. ru

Тетрадное или четырёхугольное сочетание

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

На упаковке шоколада синий использован для фона, а красный, зелёный и жёлто-оранжевый для орнамента. Источник: сайт adindex.ru

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

В интерьере использовали контрастные синий и оранжевый, но в их «разбелённом», мягком варианте. Источник: сайт homester. com.ua

Как дизайнеры используют круг Иттена

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

Чтобы упростить жизнь, творческие работники часто приобретают вот такую популярную шпаргалку, основанную на круге Иттена.

Карманный цветовой круг. Источник: сайт ozon.ru

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

Аналоговые цвета в интерьере гостиной. Источник: сайт unsplash.com

Читайте также:

Курсы по дизайну интерьера для работы дизайнером и красивого ремонта дома

Основы цветовой теории — хлеб и графических дизайнеров. Рекламный баннер, флаер или логотип с удачным цветовым сочетанием цепляет взгляд и оставляет приятное впечатление.

Упаковка крупы от брендингового агентства Supermarket. Источник: сайт adindex. ru

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

Стартовая страница сайта antyfest.ru

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

Стилисты знают, что цвет имеет большое значение в образе. Источник: сайт pinterest.ru

Читайте также:

Курсы по стилю для себя: как научиться быть стильной каждый день

Цветовой круг Иттена онлайн: полезные сервисы

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

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

Онлайн-круг помогает подбирать безопасные сочетания и свежие комбинации оттенков. Использовать его легко: достаточно просто выбрать способ комбинации (в раскрывающемся меню есть 5 видов), затем основной цвет и настроить насыщенность.

Выбираем триадное сочетание и регулируем насыщенность

Adobe Color

В этом сервисе также можно заранее выбрать нужный вариант сочетания (тут их целых 10). Оттенок и яркость настраиваются прямо на круге. Потом можно использовать сохранённые цвета в продуктах Adobe (Photoshop, Illustrator, Fresco и т. д.) через панель цветовых тем Adobe Color или библиотеки CC Libraries.

Подбираем комплиментарные оттенки в Adobe Color

Get Color

Инструмент для работы с оттенками Get Color помогает подбирать нужный цвет онлайн. Также на сайте можно узнать HEX-код цвета (код формата #набор букв/цифр).

Определяемся с правилом сочетания цветов и регулируем оттенок в Get Color

ColorScheme. Ru

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

На основе выбранной комбинации сайт делает цветовую схему

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

Цветовой круг Иттена | Арт Премьер

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

Основные цвета — цвета, которые невозможно получить смешением каких-либо других цветов / красок. Они являются основой цветового круга Иттена и расположены в самом центре (заключены в некий треугольник). Эти три основных (первичных) цвета: красный, синий и желтый. Остальные оттенки в круге считаются составными, так как являются производными трех основных цветов. В зависимости от того, какой оттенок красного/синего/желтого берется за основу, меняются и оттенки составных цветов.

Вторичные (дополнительные) цвета – это цвета, полученные путем смешения попарно трех основных цветов: красного, желтого и синего. ✓ Желтый + синий = зеленый ✓ Желтый + красный = оранжевый ✓ Красный + синий = фиолетовый То есть, вторичными (дополнительными цветами) будут считаться: зеленый, оранжевый и фиолетовый.

Составные цвета (третичные цвета) — это цвета, которые представляют собой смесь первичного цвета с соседним по кругу вторичным цветом.

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

1. Цветовой тон Цветовой тон — это главная характеристика цвета. Цветовой тон определяет место цвета в световом спектре. Это качество, которое позволяет сравнить один цвет с другим и дать ему название.

2. Температура (тепло-холодность) Температура цвета или тепло-холодность — это психологическое деление на теплые и холодные цвета. Например, зеленый цвет – это смешение желтого и синего цвета. Если в смеси будет преобладать синяя краска, то мы получим холодный зеленый цвет, а если желтая — теплый зеленый.

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

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

 

 

Цветовое колесо | Определение, искусство и факты

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

Просмотреть все материалы

Связанные темы:

цвет круговая диаграмма

Просмотреть все связанные материалы →

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

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

Традиционный цветовой круг художников является одним из примеров субтрактивной цветовой системы. Его основными цветами являются красный, желтый и синий (поэтому его также называют цветовой моделью RYB по первой букве каждого основного цвета). Цвета называются первичными, потому что они не могут быть созданы путем комбинирования других оттенков. Любые два из трех основных цветов могут быть смешаны для получения вторичных цветов: зеленого (сочетания желтого и синего), оранжевого (желтого и красного) и фиолетового (синего и красного). Смешивание основного цвета с соседним вторичным цветом дает промежуточный цвет. В этой модели промежуточными цветами являются ярко-красный (красно-оранжевый), янтарный (желто-оранжевый), шартрез (желто-зеленый), бирюзовый (сине-зеленый), индиго (сине-фиолетовый) и пурпурный (красно-фиолетовый). .

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

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

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

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

Расположение цветов на цветовом круге указывает на важные визуальные отношения. Цвета похожего оттенка сгруппированы вместе с теплыми цветами (такими как красный, ярко-красный, оранжевый, янтарный и желтый) с одной стороны и холодными цветами (включая зеленый, бирюзовый, синий и фиолетовый) с другой. Цвета, расположенные рядом на колесе, называются аналогичными цветами и часто используются в картинах, чтобы вызвать настроение, или в дизайне, чтобы создать ощущение сплоченности и гармонии. Цвета, прямо противоположные друг другу, такие как красный и зеленый на колесе RYB, называются дополнительными цветами. Если смотреть рядом, два дополнительных цвета будут казаться ярче и ярче, чем сами по себе или рядом с аналогичным оттенком. Дополнительный цвет основного цвета всегда будет вторичным цветом, и наоборот. Дополнением к промежуточному цвету всегда будет другой промежуточный цвет.

Оформите подписку Britannica Premium и получите доступ к эксклюзивному контенту. Подписаться сейчас

Кто создал цветовой круг?

Посмотреть все видео к этой статье

Исаак Ньютон первым сложил цвета в колесо; иллюстрация впервые появилась в его книге 1704 года Opticks . Во время своих знаменитых экспериментов с призмой Ньютон обнаружил, что при преломлении солнечного света на стену белый свет состоит из семи видимых цветов: красного, оранжевого, желтого, зеленого, синего, индиго и фиолетового. Затем он организовал семь оттенков в колесо в том порядке, в котором они появлялись.

Вслед за Opticks другие ученые, художники и писатели составили собственные цветовые круги и теории, в том числе английский энтомолог Мозес Харрис, чей цветовой круг в

The Natural System of Colors (1766) показывает множество цвета, полученные из красного, желтого и синего; и немецкий писатель Иоганн Вольфганг фон Гёте, который утверждал в Theory of Colors (1810), что цвет является результатом взаимодействия света и тьмы, хотя современная физика не принимает эту теорию. Другие каталогизировали цвета в различных формах, включая звездообразование (Джордж Филд; 1841 г.) и сферическую систему (Альберт Х. Манселл; 19).15). Мириады цветовых кругов и диаграмм на протяжении веков показывают, что усилия по систематизации, казалось бы, безграничного множества видимых цветов всегда оставляли возможности для совершенствования.

Эмили КендаллРедакторы Британской энциклопедии

Колесо цвета — Chromaflo Technologies

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

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

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

Основные цвета: красный, желтый и синий. Их называют «первичными» (первыми), потому что эти цвета не основаны ни на каких других цветах. Эти три цвета можно комбинировать, чтобы получить любой из других цветов спектра. Смешивание пигментов трех основных цветов дает коричневый цвет.

Дополнительные цвета

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

• Красный и зеленый
• Синий и оранжевый
• Желтый и фиолетовый

Дополнительные цвета

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

• Оранжевый = красный + желтый
• Зеленый = Синий + Желтый
• Фиолетовый = Красный + Синий

Третичные цвета

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

• Сине-зеленый
• Красно-оранжевый
• Желто-оранжевый
• Желто-зеленый
• красно-фиолетовый
• сине-фиолетовый

Цветовой круг в лакокрасочной промышленности

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

Правила цветового круга

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

• Все красные сочетаются
• Все блюзы сочетаются друг с другом
• Вся зелень сочетается
• Мягкие апельсины создают ощущение тепла
• Желтый хорошо сочетается с зеленым и оранжевым
• Зеленый можно использовать как нейтральный цвет
• Фиолетовый хорошо сочетается с зеленым
• Серые и нейтральные оттенки хорошо смотрятся вместе

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