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

Цветовой круг- это элементарное приспособление совершенно незаменимо при подборе цветовых сочетаний

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

Основные (первичные) цвета в цветовом круге

Красный, синий и желтый - основа для прочих цветов. Каждый из семи миллионов оттенков, которые мы различаем, можно составить из этих основных «строительных блоков». Сами же основные цвета нельзя получить при смешении других красок. Если красный, синий и желтый смешать в равных долях, то получится черный обозначены на рисунке цифрой 1.

Вторичные цвета круга

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

Третичные цвета в цветовом круге

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

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

И еще о цветовых кругах

В данном примере мы рассмотрели 12-частный цветовой круг.

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

Под частями круга понимают количество сегментов на внешнем диаметре круга.

Аурел

В теории цвета, какие первичные и вторичные цвета?

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

теплый цвет красный -> оранжевый -> желтый (красный и желтый - основные цвета)

холодные цвета зеленый -> синий -> фиолетовый (основной цвет - синий)

Мои вопросы: а) Есть ли важная причина, почему это основные цвета? б) Является ли их правило о том, как следует использовать эти группы (основной и дополнительный) цвета. например, вы когда-нибудь сказали бы «для этого элемента вам нужен основной цвет) в) вы бы использовали холодные и теплые цвета вместе на веб-сайте г) насколько важно знать, как (например) такая информация, как синий + желтый = зеленый

Кроме того (может показаться немного темным), я начал экспериментировать с цветом в то время, и я не понимаю, где бы вы выбрали моно, комплемент, триаду и так далее. Может кто-нибудь направить меня к сообщению в блоге, которое объясняет причину, почему есть так много вариантов для выбора; или «хороший способ» использовать цвет в то время как

большое спасибо

Ответы

Горацио

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

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

Когда вы смешиваете все первичные пигменты, вы получаете черный. (Со светом вы становитесь белыми.) Опять же, в мире пигментов вы на самом деле этого не делаете.

Любая книга, в которой говорится о значении цвета, продает вам бумагу.

DA01

смешивание всех праймериз дает вам черный цвет. (в теории. На самом деле это мутный коричневый цвет, поэтому необходимо добавлять K в процесс печати CMY)

Аурел

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

Горацио

@aurel: да, довольно. Есть исследования, которые наводят на размышления, но эти результаты настолько преувеличены и нагромождены ерундой, что они бесполезны. Я полагаю, что кто-то может черпать вдохновение из таких вещей, но на самом деле следует помнить о незначительной основе.

Горацио

Нет ничего плохого в использовании вашего видения для выбора цветов. Я не вижу причин запоминать значение цвета чего-либо. В любом случае у вас будет другое мнение о цвете в следующем месяце.

leugim

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

DA01

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

Вторичные цвета создаются путем смешения основных.

Красный + синий = фиолетовый

Но фиолетовый + зеленый! = Синий.

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

Джеймс Х. Келли

Любые три цвета могут использоваться в качестве основных цветов в данной цветовой системе (http://en.wikipedia.org/wiki/Primary_color). Для света обычно используются красный, зеленый и синий, потому что они дают самый широкий диапазон возможных цветов (гамма). Для чернил наилучший результат дают голубой, пурпурный и желтый.

Равные части двух основных цветов и ни одного третьего не дают вам второго цвета. Вы даже можете определить третичные цвета (равные части одного основного и одного дополнительного).

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

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

Цвет

Прежде чем идти дальше, важно понять саму суть цвета. В словаре Уэбстера он определяется как световое явление (например, красное, коричневое, розовое или серое) или явление визуального восприятия, позволяющее человеку различать объекты, которые в противном случае казались бы одинаковыми. Проще говоря, цвет — это признак объекта, который возникает из-за света, излучаемого или отражаемого этим объектом. Цвет можно визуально «проверить», оценив его свойства (тон, насыщенность, хроматичность и яркость). Для полноценного понимания значения цвета давайте дадим определения его характеристикам.

Свойства цвета

К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.

Тон (hue)

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

Тон — это базовый материал, который можно изменить тремя разными способами: затушевать, затенить и тонировать. В зависимости от применяемой техники тон превращается в оттенок, тень или тональность.

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

Яркость (Value)

Как уже говорилось, у цветов есть определенные характеристики, по которым их можно узнать. Яркость — это свойство, указывающее, насколько светлым/темным является цвет. Этот признак определяется степенью белизны. Чем больше белого было добавлено в тон, тем выше его яркость.

Хроматичность (Chromacity)

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

Насыщенность (Saturation)

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

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

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

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

Типы цвета

По типу цвет делится на первичные, вторичные и третичные; а также на холодные, теплые и нейтральные.

Первичные цвета (Primary)

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

Вторичные цвета (Secondary)

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

зеленый + красный = желтый

красный + синий = фиолетовый

синий + зеленый = голубой

желтый + фиолетовый = красный

фиолетовый + голубой = синий

голубой + желтый = зеленый

желтый + красный = оранжевый

красный + синий = фиолетовый

синий + желтый = зеленый

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.

Холодные цвета находятся на сине-зеленой части цветового круга. Их называют холодными, так как они создают ощущение прохлады. Теплые цвета являются их противоположностью из-за ассоциаций с теплом. Желтый, оранжевый и красный — это тоны, относящиеся к виду теплых цветов. И последнее, но не менее важное: нейтральные цвета не являются частью цветового круга. Среди них — серый, коричневый и бежевый.

Приложение по прогнозу погоды (Tubik)

Цветовые модели

Существует несколько цветовых моделей: RGB, RYB, CMY, CMYK.

RGB

Первичными цветами модели RGB являются красный, синий и зеленый. Данная модель является основой для всех цветов, использующихся на экране. Сочетание первичных цветов этой модели в равных пропорциях в результате дает вторичные цвета — голубой, фиолетовый и желтый, однако необходимо помнить: чем больше вы добавляете света, тем ярче и светлее становится цвет. Результаты, полученные после смешения добавочных цветов, часто неожиданны для людей, привыкших к субтрактивной цветовой модели красок, красителей, чернил и других осязаемых объектов.

RYB и CMY

RYB (R — красный, Y — желтый, B — синий) — еще одна цветовая модель, которая часто используется в художественном образовании, особенно в живописи. Она послужила основой для современной научной теории цвета, в которой было установлено, что голубой, фиолетовый и желтый являются наиболее удачным трехцветным сочетанием для смешения. Таким образом появилась цветовая модель CMY.

CMYK

Модель CMY была видоизменена с появлением фотомеханической печати. Ее ключевым компонентом стали черные чернила, и модель была переименована в CMYK (C — голубой, M — фиолетовый, Y — желтый, K — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.

Цветовые палитры

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

Монохромная

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

Аналоговая

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

Комплементарная

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

Раздельно-комплементарная

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

Триадическая

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

Четвертичная/Сдвоенно-комплементарная

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

Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.

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

Оттенок (hue)

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

Насыщенность (saturation)
Насыщенность - параметр управления цветом; чистота оттенка цвета в диапазоне от серого до чистого цвета.

Яркость (brightness)
Яркость цвета по шкале от черного до белого на мониторе пользователя. Измеряется в процентах: от 0 до 100%. Нулевая яркость - это чёрный цвет.

		100%	R - Red (Красный)
		100%	B - Blue (Синий)
		100%	G - Green (Зелёный)
		100%	Y - Yellow (Жёлтый)

C - Cyan (Голубой), M - Magenta (Пурпурный), Y - Yellow (Жёлтый), G - Green (Зелёный), В - Blue (Синий), R- Red (Красный), O - Or ange (Оранжевый), P - Purple (Фиолетовый).

Первичные, вторичные и третичные цвета

	Первичные цвета : красный, синий, жёлтый (three "primary" pigments of red, blue and yellow) называются CMY системой (Cyan, Magenta,Yellow or CMY system).
	Смешение голубого и жёлтого цветов даёт зелёный цвет. Смешение жёлтого и красного - оранжевый цвет, голубого и красного - фиолетовый цвет. Эти три цвета (зелёный, фиолетовый и оранжевый) называют вторичными цветами .
	Смешение первичных и вторичных цветов с их ближайшими оттенками даёт . Третичные или промежуточные цвета - это оранжево-красный (1), жёлто-оранжевый (2), жёлто-зелёный (3), сине-зелёный (4), сине-фиолетовый (5) и красно-фиолетовый (6) ( Yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green ) .

Таким образом получаются 12 цветов:

Magenta

Scarlet

Red

Orange

Yellow

Lime

Green

Turquoise

Cyan

Indigo

Blue

Purple

Иллюстрация цветообразования в результате поглощения или отражения трёх основных (красный, синий, жёлтый) цветов.

Цвет	Поглощение	Отражение	Результат (проявляется)
	Светло-красный	Зелёный & светло- голубой	Cyan
	Светло-зелёный	Красный и светло-голубой	Magenta
	Светло-голубой	Красный и светло-зелёный	Yellow
M + Y	Зелёный & светло- голубой	Светло-красный	Red
C + Y	Красный и светло-голубой	Светло- зелёный	Greeen
C + M	Красный и светло-зелёный	Светло-голубой	Blue

Где: Cyan (C) , Magenta (M) , Yellow (Y) . Н азывается CMY система.

Смотрите:

Стили веб-дизайна Стили веб-дизайна 2 (комбинация 3 цветов) Стили веб-дизайна 3 (комбинация 3 цветов) Стили веб-дизайна 4 (комбинация 3 цветов) Стили веб-дизайна 5 (комбинация 4 цветов) Стили веб-дизайна 6 (комбинация 4 цветов) Красные стили Оранжевые стили Жёлтые стили Зелёные стил Голубые стили Синие стили Фиолетовые стили Серые стили Стили веб-дизайна 7 (компоновка страницы) Стили веб-дизайна 8 (компоновка страницы) Стили веб-дизайна 9 (компоновка страницы) Стили веб-дизайна 10 (компоновка страницы) Стили веб-дизайна 11 (компоновка страницы) Стили веб-дизайна 12 (компоновка страницы) Стили веб-дизайна 13 (компоновка страницы) Стили веб-дизайна 14 (градиентные фоны) Стили веб-дизайна 15 (градиентные фоны) Стили веб-дизайна 16 (градиентные фоны) FAQ по cтилям Фирменный стиль (примеры фирменных стилей) Наш стиль

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

Холодные цвета - это цвета от сине - фиолетового до желто - зеленого. Однако, желто - зеленый может казаться более холодным рядом с красным и более теплым рядом с синим.

Светлые или бледные цвета - это цвета, содержащие то или иное количество белого цвета.

Темные цвета - это цвета, содержащие черный или дополнительный цвета.

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

Тусклые цвета - это цвета, содержащие то или иное количество серого или дополнительного цветов.

Понятия первичных, вторичных и третичных цветов

Первичные цвета (рисунок 1) разделяются первичные природные цвета света и первичные цвета пигментов (используются в живописи и полиграфии). Это цвета, которые не создаются путем смешивания. Если смешать первичные красный, синий и зеленый лучи, то получится белый свет. Если смешать первичные мадженту, циан и желтый - цвета пигментов - то получим черный цвет.

Рисунок 1 - Природные цвета

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

Рисунок 2 - Вторичные цвета

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

Дополнительные цвета (рисунок 3): располагаются на противоположных сторонах хроматического круга. Так, например, для красного является дополнительным зеленый (полученный путем смешения двух первичных цветов - желтого и циана (зеленовато - голубого). А для синего дополнительным является оранжевый (полученный путем смешения желтого и мадженты).

Рисунок 3 - Хроматический круг по Манселлу

Система Манселла описывает цвет, исходя из трех показателей: тональность, светлота и насыщенность (рисунок 4).

Тональность - это, например, желтый или синий.

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

Насыщенность: показывает, на каком расстоянии от вертикальной оси в горизонтальной плоскости находится тон.

Таким образом, в системе Манселла цвета расположены в трех измерениях и имеют вид дерева. Ствол (вертикальная ось) представляет шкалу с градациями серого цвета (от черного снизу к белому сверху). Тона находятся на хроматическом круге, который как бы "насажен" на вертикальную ось. Горизонтально оси показывают насыщенность тонов.

Рисунок 4 - Система Манселла