Создание любого вида искусства, будь то живопись на холсте или работа с графикой на компьютере, требует определенных знаний теории цвета. Во всех случаях вы, скорее всего, будете использовать цветовой круг и должны будете понять и научиться использовать этот инструмент для смешивания цветов. Наша задача — помочь вам разобраться в теории цвета и понять, как работает цветовой круг.
Оглавление
Цветовой круг — это самый полезный инструмент, когда дело доходит до смешивания цветов. Он показывает вам, какие цвета хорошо сочетаются друг с другом. С помощью нашего бесплатного онлайн-инструмента цветового круга вы можете выбрать один из множества режимов сочетания цветов, чтобы помочь вам создать наилучшее произведение искусства.
Если вы хотите узнать больше о самой теории цвета, ознакомьтесь с нашей статьей о смешивании цветов, а также с нашим бесплатным микшером цветов.
Вам не хватает каких-то функций? Не стесняйтесь обращаться к нам.
Основы теории цвета
Понимание теории цвета поможет вам использовать цвета более эффективно. Существуют некоторые правила, которым необходимо следовать, чтобы создавать визуально привлекательные произведения искусства. Выполняя их, вы сможете улучшить качество живописи за счет глубины и контраста. Цвета также могут использоваться для воздействия на эмоции или привлечения клиентов, что делает их важными в рекламной индустрии.
Создание привлекательных веб-сайтов также основано на использовании цветового круга. Дизайнеры интерьеров используют теорию цвета для проектирования и оформления помещений дома и на предприятиях. Таким образом, чем больше вы сможете оценить сложность цвета и научиться использовать его в своих интересах, тем больше у вас шансов успешно создавать визуально привлекательные произведения искусства и графики.
Давайте начнем с основ и постепенно перейдем к пониманию диаграммы цветового круга.
Основные цвета
Всегда следует начинать с базового фундамента знаний, чтобы потом наращивать их. Многие из нас еще со школы знают, что такое основные цвета. У вас есть три основных цвета:
| Название цвета | Шестнадцатеричный код цвета | Цветовой код CMYK | Цветовой код RGB | Цвет |
| Синий | #0000ff | 100, 100, 0, 0 | 0, 0, 255 | |
| Желтый | #ffff00 | 0, 0, 100, 0 | 255, 255, 0 | |
| Красный | #ff0000 | 0, 100, 100, 0 | 255, 0, 0 |
Эти цвета являются основой всех остальных цветов, а также различных оттенков, тонов и оттенков, которые мы рассмотрим позже. Эти цвета не могут быть получены путем смешивания других цветов. Вы используете эти первичные цвета для создания вторичных цветов.
Вторичные цвета
Вторичные цвета легко создаются путем комбинирования первичных цветов. У вас есть три вторичных цвета: зеленый, фиолетовый и оранжевый. Чтобы создать эти цвета, необходимо соединить два из следующих первичных цветов.
Эти истинные цвета создаются только при использовании чистейшей формы первичных цветов, то есть без оттенка, тона или тени. Эти вторичные цвета — то, что вы имеете при работе с пигментами и красками. Когда речь идет о свете, первичными цветами являются красный, зеленый и синий, а вторичными — голубой, желтый и пурпурный. Об этом мы поговорим чуть позже.
Третичные цвета
Это спорный вопрос, но многие называют комбинацию первичных и вторичных цветов третичными цветами. Другие говорят, что это промежуточные цвета, а третичные цвета — это комбинация ваших вторичных цветов. Мы будем называть эти цвета промежуточными.
Для третичных цветов следует помнить одно правило: не каждый первичный цвет может сочетаться с каждым вторичным. Например, зеленый и красный, потому что зеленый содержит желтый и синий. Таким образом, вы будете сочетать все три основных цвета, что приведет к образованию коричневатого цвета.
Промежуточные цвета образуются, когда вторичный цвет смешивается с первичным, которые расположены рядом друг с другом на цветовом круге. Промежуточные цвета всегда имеют сначала первичный цвет, а затем вторичный. Каждой комбинации дано узнаваемое цветовое название.
Что такое цветовое колесо?
Прежде чем двигаться дальше, мы можем представить цветовой круг. Выше приведены основные цвета, однако между ними существует множество оттенков, тонов, оттенков и тонов. Именно для этого и существует цветовой круг, который используется как визуальное представление различных цветов. Этот инструмент используется в качестве руководства по смешиванию цветов, помогая вам увидеть, как каждый цвет соотносится с другими цветами.
Художники используют цветовой круг для смешивания цветов, и даже дизайнеры интерьеров используют диаграмму цветового круга, чтобы ориентироваться в дизайне интерьеров.
На цветовом круге расположены первичные, вторичные, третичные и промежуточные цвета. Однако существует множество различных типов цветов, каждый из которых может быть использован для создания различных эффектов при рисовании и создании компьютерной графики. Существует также множество других отраслей, где могут быть получены мельчайшие вариации цвета.
Многие цвета хорошо смотрятся вместе, хорошо смешиваются и создают цветовую гармонию. Эти взаимодействующие цвета используются для создания произведений искусства и дизайна, которые создают определенный вид. Создать цветовую гармонию можно, просто следуя некоторым основным правилам, когда речь идет о расположении различных цветов в цветовом круге.
Кто впервые составил карту цветового спектра? Неудивительно, что это был сэр Исаак Ньютон в 17 веке. Это привело к появлению цветового круга и стало отправной точкой теории цвета. Однако многие развивали теорию цвета, и существует несколько версий, включая одну, созданную Йоханнесом Иттеном, швейцарским художником конца 19 века, который создал цветовой круг, используемый большинством из нас сегодня, и основанный на том, как смешиваются различные цвета.
Йоханнес Иттен, ок. 1920 г.; Фотография: Пола Стокмар (как указано на сайте https://bauhaus.daserste.de/credits)Производная работа:MagentaGreen, CC BY-SA 3.0, via Wikimedia Commons
Далее, у вас есть Харальд Либеданк Кюпперс, родившийся в начале 20-го века, который занялся технологиями цветной печати. Он стал лектором по теории цвета и написал различные книги об этом. Он основывал свою теорию цвета на том, как мы видим цвет, и вместо круга цветового колеса разработал шестиугольник, где нет первичных, вторичных и третичных цветов.
В его теории цвета между первичными (изначальными) цветами оранжево-красный (R), зеленый (G), фиолетово-синий (B) и основные цвета.
Наконец, Иоганн Вольфганг фон Гете, родившийся в середине 18 века, был поэтом, ученым и многим другим. Он разработал собственную теорию о цветах и связал ее с тем, как свет и тьма влияют на цвета. Другие имена, важные для развития теории цвета, включают Аристотеля и профессора Альберта Манселла, который считается отцом теории цвета.
Иоганн Вольфганг фон Гете в возрасте 79 лет (1828 г.) картина маслом, выполненная Джозефом Карлом Штилером; Joseph Karl Stieler, Public domain, via Wikimedia Commons
Наиболее распространенной цветовой моделью, используемой сегодня, является цветовая модель RYB (красный, желтый и синий), которая используется многими художниками и представляет собой цветовой круг для смешивания цветов для художников и пигментов. Затем у вас есть цветовая модель RGB (красный, зеленый и синий), которая используется в Интернете, когда свет участвует в смешивании различных цветов. Также, когда речь идет о печати, используется цветовая модель CMYK (голубой, пурпурный, желтый и черный).
Теперь давайте сначала рассмотрим, какие типы цветов можно получить в вашем базовом цветовом круге.
Дополнительные цвета
Цветовое колесо — это именно оно, круговое изображение, представляющее множество различных цветов. Итак, если вы можете найти основные цвета — красный, синий и желтый, то найдите цвета, расположенные напротив каждого из них, — это и будут ваши дополнительные цвета. При близком расположении друг к другу дополнительные цвета всегда подчеркивают друг друга, создавая яркие контрасты.
Дополнительные цвета относятся не только к основным цветам, но и к любым двум цветам на цветовом круге, расположенным напротив друг друга.
При использовании дополнительных цветов в дизайне рекомендуется использовать один из цветов в качестве основного, а дополнительный цвет — в качестве акцента. При использовании слишком большого количества контрастных цветов может стать трудно смотреть.
Чтобы добавить больше разнообразия и смягчить яркие контрастные цвета, можно использовать разделенные дополнительные цвета. Это почти то же самое, что и дополнительные цвета, с той лишь разницей, что у вас есть два цвета напротив основного цвета. У вас все еще есть контраст, но он немного меньше бросается в глаза. Главный недостаток заключается в том, что эти цвета трудно сбалансировать в цветовой схеме, поскольку они все еще обеспечивают контраст.
Например, если взять желтый цвет в качестве основного, то фиолетовый является его дополнительным цветом. Таким образом, два цвета рядом с фиолетовым будут вашими разделенными дополнительными цветами, которые склоняются либо к более холодному, либо к более теплому цвету фиолетового.
Монохроматические цвета
В этом типе цветовой схемы используется один цвет, а затем различные оттенки или тона для создания последовательного и однородного вида. В отличие от контрастных цветов, которые бросаются в глаза, эти цвета часто успокаивают и создают приятный чистый вид. Например, возьмите синий цвет и добавьте немного белого — получится бледно-голубой. Сделайте его темнее, добавив немного черного, и получите темно-синий. Таким образом, ваша цветовая схема будет такой: синий, бледно-голубой и темно-синий.
Аналоговые цвета
Посмотрите на цветовой круг и выберите цвет, например, красный. Затем посмотрите на цветовое колесо и выясните, какие цвета находятся рядом с каждой стороной красного цвета. Итак, у вас есть три цвета, расположенные рядом друг с другом. Это и есть аналогичные цвета. Вы можете пойти еще дальше и создать пятицветную схему, то есть взять два цвета, которые находятся рядом с первыми двумя цветами. Эти цвета обычно успокаивают и на них легко смотреть.
Например, оранжевый, красно-оранжевый и красный. Вы сможете создать гармоничную теплую или холодную цветовую палитру с помощью аналогичных цветов.
Триадические цвета
Название говорит само за себя: триадический означает три цвета. Все три цвета расположены одинаково, если их расположить в ряд на цветовом круге, и выглядят как треугольник. Эти цвета обычно контрастны, однако каждый из них имеет один и тот же тон. Поскольку эти цвета контрастны и доминируют, лучше всего использовать один цвет в качестве основного, а остальные использовать в качестве акцентов. Вы также можете уменьшить тон двух цветов для создания меньшего контраста.
Тетрадные цвета
Это означает наличие четырех частей, поэтому вместо треугольника, изображенного выше, у вас есть квадрат или прямоугольник, состоящий из четырех соединенных цветов. Квадрат соединяет четыре цвета, которые находятся на одинаковом расстоянии друг от друга. Опять же, эти цвета контрастируют друг с другом. Прямоугольник аналогичен и также использует два набора дополнительных цветов.
Цвета, расположенные на более коротком конце прямоугольника, разделены одним цветом. Например, красный и желто-зеленый, а также фиолетовый и сине-зеленый. Чем больше цветов задействовано, тем сложнее гармонизировать или сбалансировать цвета. Опять же, хорошей идеей будет взять только один доминирующий цвет, а остальные цвета можно расставить в качестве акцентов.
Теплые и холодные цвета
Вы можете легко определить теплые и холодные цвета, поскольку вы можете провести прямую линию через цветовой круг, и каждый из этих цветов будет находиться на противоположных сторонах. Теплые цвета вызывают ощущение тепла и включают в себя красные, оранжевые и желтые цвета. Более холодные цвета вызывают ощущение прохлады, например, воды или леса, и включают в себя зеленый, синий и фиолетовый.
Нейтральные цвета, такие как серый или белый, также могут быть теплыми или холодными, в зависимости от подтона каждого цвета. Это также работает со всеми цветами, поэтому вы также можете получить более холодные красные тона и более теплые синие тона.
Оттенки, тона, оттенки и тональности
Каждый цвет может иметь различные оттенки или тона, что позволяет создавать огромное количество цветов. Чтобы лучше понять эти термины, ниже приведено краткое объяснение каждого из них. Это еще один шаг к пониманию удивительного разнообразия цветов.
Цветовые оттенки
При описании оттенка вы, скорее всего, имеете в виду более светлый и более темный цвет одного и того же оттенка. Оттенок цвета — это описание количества черного, которое вы добавляете к другому цвету. Различные оттенки зависят от количества используемого черного, но сохраняют одинаковую насыщенность цвета.
Цветовые оттенки
Оттенок является полной противоположностью цветового тона и определяется тем, сколько белого цвета вы добавляете в цвет. Однако многие используют эти термины как взаимозаменяемые, но существует множество отдельных оттенков и тонов цвета.
Оттенок цвета
Оттенки иногда называют цветами и считают, что это одно и то же. Однако цвет относится ко всем различным оттенкам, тонам и оттенкам. Даже белый и черный цвета можно рассматривать как цвета. Оттенок относится к чистым или доминирующим цветам. Черный, белый, а также серый никогда не описываются как оттенок.
Оттенок цвета важен при смешивании цветов, потому что истинный цвет или оттенок содержит наименьшее количество других цветов.
Если вы используете, например, основной цвет с оттенком, тоном или другим тоном, то технически вы смешиваете больше цветов, и в итоге вы можете получить цвет, отличный от ожидаемого. То же самое происходит с цветом света, оттенок основывается на его доминирующей длине волны, при этом светлота и интенсивность цвета не принимаются во внимание.
Цветовой тон
Итак, чистый оттенок или цвет с одинаковой насыщенностью, имеющий разную степень светлоты — это ваши оттенки и тона. С другой стороны, цвет с похожим оттенком и светлотой, который имеет разную насыщенность — это цветовой тон. Тона получаются при добавлении нейтрального серого цвета, который снижает интенсивность цветов. Вы также можете встретить термин «значение цвета».
Речь идет о том, насколько светлыми и темными являются цвета, или насколько близок цвет к белому или черному.
Насыщенность цвета — это то, насколько интенсивны цвета. Яркий или более мягкий пастельный цвет? При добавлении серого цвета цвета тускнеют, в то время как меньшее количество серого создает более яркие цвета. Это легко регулируется с помощью компьютерной графики.
Компьютерная графика и цвет
Многие не осознают важности цвета и того, как он может влиять на нас. Даже в кино различные цвета используются для того, чтобы вызвать определенные эмоции или выделить различные аспекты фильма. В рекламе это также чрезвычайно важно, привлекая аудиторию к просмотру и покупке товаров. Сегодня мы в основном имеем дело с компьютерной графикой, и есть две системы, о которых вы должны знать.
Субтрактивная система цвета
Она предполагает печать, поэтому рассмотрим белый лист бумаги, на который вы будете добавлять цвет. Технически это означает, что вы блокируете белый цвет бумаги. Напечатайте на бумаге, затем снова напечатайте на ней. Вы должны заметить, что цвет отпечатка становится темнее и ближе к черному.
Это известно как субтрактивная цветовая система и достигается за счет использования четырех цветов, а именно голубого, пурпурного, желтого и черного.
Рассматривая числа от нуля до 100, считайте цвета следующим образом:
- Если все цвета CMYK равны 100, то у вас есть черный цвет.
- Если все цвета равны нулю, то у вас белый.
Эти числа обычно даются для каждого цвета и записываются буквами CMYK, за которыми следуют четыре цифры. Например, красный цвет будет иметь CMYK с цифрами 0, 100, 100, 0.
Аддитивная система цветов
В онлайновой графике используется свет и модель RGB (красный, зеленый и синий), которая работает как аддитивная цветовая система. Чем больше цвета вы добавляете, тем ближе вы к белому. Это представлено числами на шкале от нуля до 255. Например, красный цвет будет RGB 255, 0, 0, или белый цвет будет RGB 255, 255 и 255.
При работе с онлайн-графикой цвета обычно отображаются как в цветовых системах RGB, так и CMYK, за которыми следуют цифры.
Однако некоторые программы веб-дизайна могут предоставлять только модель RGB, поэтому лучше всего иметь шестнадцатеричный код для конкретного цвета, который вы ищете. Шестнадцатеричный код — это набор цифр и букв, обозначающих определенный цвет. Шестнадцатеричный код представляет красный, зеленый и синий цвета в определенном цвете. Код всегда начинается с хэштега, за которым следует комбинация из шести цифр и/или букв. Первые две буквы или цифры обозначают красный цвет, следующие две буквы — зеленый, а затем синий.
Существуют миллионы цветовых комбинаций, поэтому обязательно найдется цвет, который подойдет именно вам.
Как выбрать цветовую схему для компьютерной графики
Когда дело доходит до создания веб-сайтов, рекламы в Интернете, даже продукции и упаковки, лучше всего поручить эту работу профессиональному графическому дизайнеру. Тем не менее, если вы хотите попробовать сделать это самостоятельно, вот несколько советов. Давайте рассмотрим несколько простых идей для веб-дизайна.
Создание первоначального дизайна
Сначала необходимо создать базовый дизайн, даже если он будет только в оттенках серого. Прежде чем переходить к цветам и деталям, необходимо сосредоточиться на удобстве пользователя. Все должно работать правильно, если вы нажмете на ссылку, она должна перейти туда, куда вы хотите. Все ваши страницы, контакты и опции opt-in должны работать. У вас могут быть самые лучшие цветовые сочетания и графика, но если сайт не удобен для навигации, а некоторые ссылки или кнопки не работают, этого будет недостаточно, чтобы удержать клиентов или посетителей.
Выбор цветовых сочетаний
Один из способов получить вдохновение — посмотреть на природу. Все цвета в естественной среде всегда хорошо сочетаются друг с другом. От зеленого до синего и белого. Возможно, вы также захотите узнать о значении цветов и о том, как цвета могут влиять на эмоции. Это также зависит от того, что вы продаете, тип услуги или товара. Не стоит выбирать стимулирующее сочетание цветов, если вы предлагаете расслабляющие спа-услуги.
Возможно, вам придется провести небольшое исследование, чтобы сделать правильный выбор цветов. В Интернете можно найти множество примеров, которыми можно вдохновиться.
Будьте внимательны к тому, какие цвета вы выбираете
Это особенно актуально, если вы хотите создать контраст. Контрастные цвета могут помочь создать глубину и привлечь внимание. Однако при неправильном использовании вы можете отвлечь внимание от того, что вам нужно. Вы также можете создать нечто, на что трудно смотреть, или что слишком напрягает глаз, и люди просто пойдут дальше.
Обратитесь к таблице цветового круга
При выборе цветов выбирайте различные комбинации из тех типов цветов, которые мы описали выше. Попробуйте монохромное сочетание, дополнительные цвета или триадные цвета. Экспериментируйте с цветами, чтобы понять, какой из них подходит к тому, чего вы хотите достичь.
Когда вы выбрали цвета, рекомендуется использовать правило 60-30-10.
Это означает, что если вы выбрали три цвета, то основной цвет будет составлять 60 процентов дизайна, а два других цвета — 30 и 10 процентов. Это общее правило, но оно помогает создать баланс в дизайне. Это особенно верно, если у вас более одного яркого цвета, так как вы не хотите, чтобы цвета слишком сильно конкурировали друг с другом.
Используйте инструменты для работы с цветом
Существует множество инструментов и веб-сайтов, которые помогут вам выбрать правильный цвет для вашего проекта. Существуют различные цветовые колеса, где вы можете выбрать цвет, или дизайнерские программы, такие как adobe color, которые могут вам помочь. Многие цветовые инструменты также представляют различные цветовые палитры для выбора, так что вам не придется делать это самостоятельно.
Руководство по смешиванию цветов на цветовом круге
Чтобы получить правильные цвета для своего творчества, многие художники составляют цветовую карту. Это облегчает создание определенных цветов в любое время, когда они вам понадобятся. Для начала вам необходимо ознакомиться с теорией цвета и обзавестись таблицей цветового круга. Существует множество таблиц цветовых кругов, которые можно использовать в Интернете, а можно и приобрести.
Цветовые карты могут быть созданы для любого средства, включая акварель, масляные краски, акриловые краски и пастель. Чтобы создать таблицу, нарисуйте сетку с таким количеством столбцов, сколько у вас цветов, плюс дополнительный столбец для добавления названия цвета и марки. Квадраты сетки должны быть достаточно большими, чтобы в них можно было нарисовать небольшой образец цвета.
Возможно, вы хотите узнать, как будет выглядеть определенный цвет, если добавить в него белый. Вы можете получить множество конкретных цветов. Поэтому, чтобы упростить задачу, давайте выберем один цвет, например, берлинскую лазурь, кобальт синий и ультрамарин синий.
В своей первой колонке начните с чистого цвета каждой краски и по мере продвижения постепенно добавляйте немного белого к каждому виду синего. Важно обозначить марки, так как не все они могут иметь одинаковый цвет. Вы можете усложнить свою цветовую карту, экспериментируя и используя цветовой круг для получения различных цветов. Это поможет создать запись цветов, которые вы будете использовать в своих картинах.
Вы даже можете создать множество цветов из основных цветов, включая белый и черный.
В противном случае можно приобрести конкретный цвет в тюбике, где не требуется смешивать краски. Однако разные бренды производят свои краски по-разному, поэтому многие художники предпочитают смешивать краски с нуля.
Значение цветов
На протяжении многих лет различные цвета наделялись смыслом, поскольку у них возникали ассоциации. Очевидным примером может служить зеленый цвет, поскольку он в изобилии окружает нас в природе. Поэтому он ассоциируется с ростом и изобилием.
Ниже приведены еще несколько популярных цветов и их общие ассоциации, которые могут отличаться у каждого человека. Если углубиться в различные оттенки этих цветов, то можно получить еще больше смысла. Например, красный цвет может быть осветлен до розового, который символизирует дружбу, любовь и романтику.
| Цвет | Значение |
| Красный | Энергия, страсть, приключения, но также опасность и насилие. |
| Синий | Успокоение, уверенность, доверие, преданность и интеллект |
| Желтый | Счастье, тепло, энтузиазм, позитивность |
| Фиолетовый | Роскошь, амбиции, власть, духовность, королевская власть |
| Оранжевый | Радость, творчество, энтузиазм, теплота |
Как видите, цвета сложны, и многое зависит от того, как создать идеальные цвета, которые вы хотите. Цветовой круг — это то, что может помочь вам в использовании и поиске нужных цветов. Будь вы художником, графиком или дизайнером интерьера, цветовой круг будет играть неотъемлемую роль в вашем дизайне.
Часто задаваемые вопросы
Что такое цветовое колесо?
Цветовой круг для художников — это визуальное представление цвета и того, как эти цвета взаимодействуют друг с другом. Базовый цветовой круг обычно содержит первичные, вторичные, третичные, дополнительные цвета с различными оттенками и тонами. Согласно теории цвета, изучив цветовой круг, вы сможете определить, какие цвета лучше всего сочетаются друг с другом.
Что такое контрастные цвета?
Когда речь идет о традиционной цветовой модели RYB (красный, синий и зеленый), контрастные цвета, или цвета, которые выделяют друг друга, являются вашими дополнительными цветами. Эти цвета располагаются друг напротив друга. Например, если посмотреть на цветовой круг, то дополнительным цветом красного является зеленый.
Что такое монохроматические цветовые схемы?
В монохроматической цветовой схеме используется один цвет и создаются различные оттенки этого цвета. Выберите базовый цвет, например, синий, затем используйте цветовой круг для выбора различных оттенков, тонов и тонов. Вы можете выбрать множество различных более светлых и более темных цветов из одного и того же базового цвета. Монохроматический цветовой круг для художников помогает создавать тени, глубину и блики на картинах.
Что означают аналоговые цвета?
При взгляде на цветовой круг, аналогичные цвета — это группа из трех цветов, которые можно найти рядом друг с другом. Аналоговые цвета обычно имеют основной первичный или вторичный цвет, сопутствующий вторичный или третичный цвет и третий цвет. Например, красный, оранжевый и красно-оранжевый. Их можно использовать для создания яркой монохроматической цветовой схемы.
