Яркость Яркость - степень присутствия в цвете черного или белого. Слева голубой цвет близок к белому, поэтому он "яркий". Слева цвет близок к черному, поэтому считается "темным".
Цвет различных строительных материалов в чертеже. Если по смыслу композиции необходимо подчеркнуть структурную роль материала, например кирпича (стена), берутся контрастные цвета по отношению к светлым элементам (проемы, балконы). Нюансные цветовые соотношения придают архитектурной поверхности единство.
Светлотный и цветовой контрасты в чертеже фасада. Проект высотного здания в Москве предусматривает четкую организацию помещений, сходных по функциональному процессу: нижний ярус администрация и учреждения, средний гостиница, верхний ресторан. Выбранный способ изображения исходит из задачи выявления сложной объемно-пространственной структуры и конструкции здания. Тоном и цветом показаны конструктивные элементы. Фон бумаги служит для выявления пространства. Красный цвет применен символически. Проект небоскреба в Москве. Арх. В. Кринский,
Локальный цвет в решении живописной задачи. Максимальное использование декоративных возможностей локального цвета (плоскостная трактовка элементов композиции, контрасты насыщенных цветов). Впечатление уходящего в глубину пространства достигнуто резким сопоставлением контрастных цветов.
Цветовая композиция построена на богатстве колористических градаций, обусловленных сложными сочетаниями света, теней и рефлексов. Светотеневая моделировка объемов в данной композиции условна и применена независимо от естественного источника света (солнца), однако колорит реального освещения сохранен. Деревня Хорта Сантьяго на реке Эбро, Художник П. Пикассо.
С начала этого учебного года у меня новая резолюция - регулярно писать в жж. Посмотрим, насколько меня хватит.
Чтобы с чего-то начать, я решила начать с цвета. Именно цвет бросается в глаза в первую очередь, когда мы смотрим на что-то.
Если начинать совсем с начала, то цвет - это электромагнитные волны разной длины. Глаз улавливает их, а мозг преобразует в цветовые ощущения. Так как восприятие цвета - это субъективная характеристика, то каждый человек видит цвета по-своему. При этом зрительный аппарат у всех устроен одинаково, поэтому и цвета мы видим хоть и по-своему, но очень похоже. Сама по себе световая волна не имеет цвета. Цвет возникает только при восприятии этой волны глазом и мозгом. Тот или иной цвет возникает в процессе поглощения световых волн. Черный цвет поглощает все световые волны, а белый цвет наоборот все волны отражает. Синяя чашка, например, поглощает все световые лучи и отражает только синий.
Цвет бывает хроматическим и ахроматическим. Ахроматический цвет не имеет цветового тона, это белый, черный и серый. Соответственно хроматический цвет - это все остальные цвета.
Первичные, вторичные и третичные цвета.
Очень многие цвета и оттенки можно получить путем смешения небольшого количества красок. В свое время стремление разложить все на элементы привело к выделению первичных цветов. Первичные или основные цвета - это цвета, которые нельзя получить путем смешивания. Первичных цветов три: красный, желтый и синий. Если их смешать, то получится черный.
Вторичные цвета получают путем смешивания двух первичных:
Красный + синий
Красный + желтый
Желтый + синий
Третичные цвета получают путем смешивания первичного и соседнего вторичного цвета.
Таким образом, получилось двенадцать цветов, из которых можно получить бесчисленное количество разный оттенков.
Цветовой круг
Цветовые волны плавно переходят друг в друга, создавая непрерывное цветовую гамму.
И вот если мы представим этот спектр в виде круга, у нас и получится цветовой круг - очень важный инструмент для художников, дизайнеров и всех, кто работает с цветом. В том числе и стилистов.
Самыми используемыми является двухмерный круг Иттена
и трехмерный круг Манселла
В двухмерном круге хорошо видно, как цвета расположены по отношению друг к другу. Это такая памятка, помогающая при составлении различных цветовых сочетаний.
В трехмерном круге видно изменение цвета. Это подводит нас к характеристикам цвета.
Существует три общепринятых характеристики цвета:
- тон (Hue) - определяет цвет. Красный, оранжевый, зеленый и тд. Именно здесь идет речь о теплых и холодных цветах.
- я ркость (Saturation) - определяет добавление серого в основной цвет. Чистый цвет является ярким, с добавками серого - мягким.
- с ветлота (Lightness) - определяет примесь белого или черного в основной пигмент.
В отличие от большинства предметов окружающего мира, мониторы компьютеров не поглощают свет, а излучают. Для описания процессов формирования цвета на экране потребовалась модель, называемая аддитивным синтезом цветов. В указанной модели цвет получается в результате сложения нескольких основных (первичных) цветов: красного, синего и зелёного.
Оттенок (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тилям Фирменный стиль (примеры фирменных стилей) Наш стиль
Цвет — один из фундаментальных признаков, на которых основан дизайн. В руках профессионала он может стать мощным инструментом. Он влияет на многие факторы, которые играют большую роль в визуальном восприятии. Цвет оказывает огромное воздействие на наше сознание, он меняет наше отношение к любому предмету буквально за секунды, а также заставляет людей реагировать на него и даже предпринимать определенные действия.
На первый взгляд учение о цвете может показаться не таким уж и сложным для освоения, но если углубиться в детали, становится понятно, что необходимо учитывать множество тонкостей. В статье «Теория цвета: краткий гид для дизайнеров» затронуты основы этого учения, помогающие дизайнеру в работе. А в этой статье мы собрали все основные термины теории цвета в удобный глоссарий, который поможет графическим и 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 — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.
Цветовые палитры
В дизайне цветовой баланс имеет огромное значение, так как впечатление о сайте или приложении у пользователей складывается с первого взгляда, и цвета оказывают на это сильное влияние. Дизайнеры определили основные и наиболее эффективные цветовые палитры, или цветовые гармонии.
Монохромная
Она основана на одном цвете и его различных тонах и оттенках. Монохромная палитра всегда представляет собой беспроигрышный вариант, так как тут придется постараться, чтобы ошибиться и сделать все безвкусно.
Аналоговая
Для создания аналоговой палитры используются цвета, расположенные рядом друг с другом на цветовом круге. Этот вид цветовой палитры используется там, где не нужен контраст, в том числе на фоне веб-страниц или баннеров.
Комплементарная
Комплементарная палитра представляет собой смешение цветов, которые находятся друг напротив друга на цветовом круге. Эта схема противоположна аналогичной и монохромной, так как ее целью является создание контраста. Например, в любом интерфейсе сложно будет не увидеть оранжевую кнопку на синем фоне.
Раздельно-комплементарная
Данная палитра работает по аналогии с предыдущей, но использует больше цветов. Например, при выборе синего цвета необходимо еще добавить два смежных оттенка его противоположного цвета, то есть, желтый и оранжевый. Здесь контраст будет не таким резким по сравнению с комплементарной схемой, но зато можно использовать больше цветов.
Триадическая
Когда дизайну требуется больше красок, можно прибегнуть к триадической схеме. Она основана на трех отдельных равноудаленных друг от друга цветах. Для сохранения баланса в схеме рекомендуется использовать один цвет в качестве доминирующего, а два других как акцентные.
Четвертичная/Сдвоенно-комплементарная
Четвертичная цветовая схема предназначена для использования опытными дизайнерами, так как в ней сложнее всего достичь баланса. Она задействует четыре цвета из круга, которые составляют комплементарные пары. Если соединить точки на выбранных цветах, они образуют прямоугольник. В этой схеме достаточно сложно достигнуть гармонии, но если все делать правильно, результаты будут поразительными.
Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.
Художники делят все цвета на три группы: Основные цвета (первичные), Вторичные цвета и Третичные цвета. Тон, относящийся к названию цвета, как то красный, синий и желтый, являются разными оттенками. Насыщенность цвета - это сила, с которой этот цвет представлен. Чистота цвета - это количество серого в цвете, достигаемое при добавлении белого или черного. Это значение относится к светлоте и темноте цвета по шкале градации яркости от 1 до 10.
При взаимодействии одного цвета с другим можно добиться как сильного, так и тонкого эффекта свечения в работе. Понимание силы взаимодействия цвета и света на поверхности различных текстур имеет существенное значение для каждого художника. Жанр, техника и изображаемый предмет не имеет такого значения. Каждый должен обязательно это знать, иначе его работы будут лишь странными произведениями, так как добиваться этого эффекта вы будете методом проб и ошибок.
Первичные цвета
Красный, Желтый и Синий, так как световые волны обладают различной частотой: Красный - длинные волны, Желтый - средние, Синий - ближе к коротким, последний- (Фиолетовый)
Вторичные цвета
Оранжевый, Зеленый и Фиолетовый - сочетание Основных цветов в пары является результатом появления Вторичных цветов. (Желтый +Красный=Оранжевый, Желтый+Синий=Зеленый, Красный+Синий=Фиолетовый)
Третичные цвета
Цвета, которые получаются при смешивании Первичных и Вторичных - это Желто-оранжевый, Красно-оранжевый, Желто-зеленый, Сине-зеленый, Красно-фиолетовый и Сине-фиолетовый.
Комплиментарные цвета
Это те цвета, которые на 180° противоположны друг другу на цветовом круге. Комплиментарные цвета позволяют достичь наибольшего цветового контраста и стабильности. Цвета, расположенные рядом с комплиментарными позволяют смягчить визуально контраст, который может раздражать.
Как получить "свечение"
Вы знали? Использование более светлых оттенков комплиментарных цветов может воссоздать то самое "свечение" света и цвета.
Смешивание комплиментарных цветов
Если медленно добавлять цвет в его комплиментарный цвет, то постепенно он будет терять свою идентичность. Они нейтрализуют друг друга и остается только вариация оттенка. В зависимости от используемого пигмента, это свойство можно считать важным инструментом для поиска более сложных сочетаний теплых и холодных оттенков.
Сплит-комплиментарные цвета
Сплит-комплиментарные группы состоят из главного цвета и двух прилегающих цветов. Например, Желтый\Красно-фиолетовый\Сине-фиолетовый.
Аналогичные цвета
Группы из 3-4 ближайших цветов на цветовом колесе. Здесь представлены четыре группы из трех аналогичных цветов.
Цветовой ключ
Цветовой ключ - общая яркость и насыщенность цвета рисунка. Рисунок в светлой цветовой гамме - рисунок изображенный цветами, находящимися на светлом конце шкалы. Работа в темных тонах - темнее, и оттенки находятся на темном конце шкалы. Картины, написанные в светлой и темной цветовой гамме, могут иметь разный уровень насыщенности цвета.
Высокий ключ - высокий уровень насыщенности цветов
Высокий ключ - низкий уровень насыщенности цветов
Низкий ключ - высокий уровень насыщенности цветов
Низкий ключ- низкий уровень насыщенности цветов
Цвет и эмоциональная температура
Основные цвета - красный, желтый, синий
Красный - это цвет крови и всего живого, он теплый. Желтый - это цвет солнца и теплых золотистых цветов. Синий -это цвет прохлады и воды и далекого неба.
Вторичные цвета - оранжевый, зеленый, фиолетовый
Оранжевый - это цвет плодов цитрусовых, висящих на деревьях и последних теплых лучей, касающихся края отдаленного каньона. Зеленый может быть цветом жизни и всего растущего, или далекого и чужого. Фиолетовый может быть богатым, требующим нейтрального присутствия или обнаруживать себя в элементах органических продуктов.
Третичные цвета - желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый, желто-зеленый
Желто-оранжевый - это цвет плоти и жизни. Красно-оранжевый - это яркое приглашение отпраздновать его присутствие. Красно-фиолетовый - это еще не холодный оттенок каньенного песчанника в сумерках. Сине-фиолетовый - это тайна с глубокими тенями в холодную ночь. Сине-зеленый требование, которое обещает утешение в другом месте.
Эмоциональный отклик на цвет
Все приведенные выше ассоциации дадут вам лишь неясное представление о той базовой теории цвета, которая рассказывает о нашем эмоциональном ответе на цвет, и как эти отклики фактически связаны с реальностью, в которой мы находимся. Так же, как и вмешательство некоторых закономерных первобытных связей, которые мы, скорее всего не сможем понять.
Фредерик Эдвин Черч. "Сумерки в пустыне", 40x64,1860, масло, Кливлендский музей искусств
"Цвет - сильная составляющая. Он может заставить вас затаить дыхание. Привычный вид сияющего ярко красного заката стало таковым по причине нашего желания получить один и тот же эмоциональный ответ из первых рук. Это один из тех волшебных моментов, когда мы, в качестве художников, пытаемся возродить реальность в наших мыслях и действиях. Мы хотели бы обратить внимание на этот опыт с помощью наших творений... не так ли? "
Включите в работу голову:
Составьте список цветов, как было сделано выше. Запишите свой эмоциональный отклик на каждый цвет, как если бы это было всего лишь свойством, присущим какой-либо личности, за которой вы наблюдаете. Как например, "Когда вы видите красный, что приходит вам в голову. Затем, используя термины, которыми вы описываете те предметы, имеющие данные цвета, представьте тактильные ощущения, температуру цвета. Обычно это относится к времени суток, времени года и насколько далеко визуально отображается данный цвет.
"Если вы замерзли, и при равных условиях можете выбирать из красного и синего одеяла, в каком, по вашему мнению будет теплее?"
Если вы действительно оглянетесь вокруг и посмотрите на природу, и предметы повседневной жизни, то, что вы увидите, должно быть записано. Если нет, то вам необходимо время, чтобы скорректировать свой выбор.