Цветовые модели. RGB. Цветовая модель rgb

Зачем нужны разные цветовые модели и почему один и тот же цвет может выглядеть по-разному

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

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

Поэтому при подготовке к печати изображение должно быть переведено из аддитивной ("складывающей") модели цветов RGB в субтрактивную ("вычитающую") модель CMYK . Модель CMYK использует противоположные исходным цвета - противоположный красному голубой, противоположный зеленому пурпурный и противоположный синему желтый.

Цифровая цветовая модель RGB

Что такое RGB?

Аббревиатура RGB означает названия трех цветов, использующихся для вывода на экран цветного изображения: Red (красный), Green (зеленый), Blue (синий).

Как формируется цвет RGB?

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

Таким образом, любой цвет, который мы видим на экране, можно описать тремя числами, обозначающими яркость красной, зеленой и синей цветовых составляющих в цифровом диапазоне от 0 до 255. Графические программы позволяют комбинировать требуемый RGB-цвет из 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего. Итого получается 256 х 256 х 256 = 16,7 миллионов цветов.

Где используются изображения в режиме RGB?

Изображения в RGB используются для показа на экране монитора. При создании цветов, предназначенных для просмотра в браузерах, как основа используется та же цветовая модель RGB.

Полиграфическая цветовая модель CMYK

Что такое CMYK?

Система CMYK создана и используется для типографической печати. Аббревиатура CMYK означает названия основных красок, использующихся для четырехцветной печати: голубой (Сyan), пурпурный (Мagenta) и желтый (Yellow). Буквой К обозначают черную краску (BlacK), позволяющую добиться насыщенного черного цвета при печати. Используется последняя, а не первая буква слова, чтобы не путать Black и Blue.

Как формируется цвет CMYK?

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию. Например, для получения тёмно-оранжевого цвета следует смешать 30 % голубой краски, 45 % пурпурной краски, 80 % жёлтой краски и 5 % чёрной. Это можно обозначить следующим образом: (30/45/80/5).

Где используются изображения в режиме CMYK?

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

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

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

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

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

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

Наверняка многие слышали о таких цветовых моделях как RGB и CMYK, но на самом деле таких схем не 2 и не 5, а больше.

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

RGB - R ed G reen B lue, как известно, что почти любой цвет можно задать комбинацией трех цветов - красный+зеленый+синий.

Вот из википедии пример такой модельки:

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

Принцип RGB основан на восприятии цвета сетчаткой глаза человека:

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

В отличии от CMYK, RGB-модель охватывает гораздо большое число цветовых тонов и нашла свое широкое применение в телевизорах и мониторах. В телевизорах (ЭЛТ) как раз стоят 3 "пушки", которые бомбардируют пучки цвета на экран. В LCD экранах жидкие-кристаллы также состоят из RGB составляющих.

В компьютерах RGB модель так и задается в виде чисел от 0 до 255 для каждого цвета. Если брать html, то черный цвет будет #000000 , красный #FF0000 , зеленый #00FF00 , синий #0000FF , а белый как #FFFFFF . Серый цвет буде что-то вроде #d3d3d3 .

Те, кто знаком с полиграфией, знают, что там используется другая цветовая модель - CMYK. C - Cyan, M - magenta, Y - yellow, K - blacK (насчет K много споров, многие считают его производным от k ey plate - ключевая поверхность, кто-то от k ontur - контурная пленка, а кто-то от k obalt - темно-серый цвет). По-русски это Голубой, Пурпурный, Желтый и Черный цвета.

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

Причем г+п+ж = черный цвет, но эстетам полиграфии этого мало. Они имеют дело с различным оборудованием и с различным материалом, на котором печатается изображение. Для полиграфии важно насколько изображение итоговое копирует оригинал. Ведь при использовании RGB модели, печать на черном и на белом фоне (а также, например, на кремовом) - будет отличаться. А вот CMYK модель позволяет нивелировать (свести к минимуму) подобные косяки. Причем для конкретного оборудования и конкретного материала рекомендуется создавать свою схему CMYK, что приводит к расходам на настройщика. Прям пианино, а не принтер =)

В разных странах свои стандарты CMYK также. В Америке одни, в Европе другие и тд.

Черный цвет (а в CMYK-принтера, например, лазерных цветных, 4 картриджа), который задается смешиванием 100%-но насыщенных г+п+ж приводит также к излишнему намоканию бумаги (поверхности), что приводит к ее деформации от влаги. Поэтому и стоит отдельный картридж. Ну и отдельный черный цвет дешевле других (поэтому и в обычных принтерах есть цветной отдельный и отдельный черный картридж).

Раз мы уже говорили выше о восприятии глазом RGB-модели, то для CMYK она такая же:

Если очень близко друг к друг разместить 3 (или 4, в случае с CMYK) разноцветных точки, то сетчатка сольет их в одну точку с определенным цветом. Вот для примера увеличенное изображение курсора мышки на БЕЛОМ фоне обычного LCD монитора:

Макросьемка курсора на белом фоне для TN+film матрице монитора:

Точно также и для остальных цветовых моделей. Глаз сам дорисовывает цвет.

CIE XYZ - линейная трехкомпонентная цветовая модель, основана на изучении человеческого глаза организацией CIE (Commission Internationale de l"Eclairage ). Ученые создали модель стандартного человеческого глаза и уже на ее основе цветовую модель. Грубо говоря, CIE XYZ это то, как видет трехкомпонентное изображение стандарный человек .

Из википедии:

Как известно, цветовое зрение человека обусловлено наличием трёх видов световосприимчивых рецепторов на сетчатке глаза, максимумы спектральной чувствительности которых локализованы в области 420, 534 и 564 нм, что соответствует синему, зелёному и жёлтому (хотя в литературе обычно пишут «красному») цветам. Они являются базовыми, все остальные тона воспринимаются как их смешение в определённой пропорции. Например, чтобы получить жёлтый спектральный цвет, совсем необязательно воспроизводить его точную длину волны 570—590 нм, достаточно создать такой спектр излучения, который возбуждает рецепторы глаза сходным образом. Это явление называется .

Комитет CIE провёл множество экспериментов с огромным количеством людей, предлагая им сравнивать различные цвета, а затем с помощью совокупных данных этих экспериментов построил так называемые функции соответствия цветов (color-matching functions) и универсальное цветовое пространство (universal color space), в котором был представлен диапазон видимых цветов, характерный для среднестатистического человека.

Функции соответствия цветов — это значения каждой первичной составляющей света — красной, зелёной и синей, которые должны присутствовать, чтобы человек со средним зрением мог воспринимать все цвета видимого спектра. Этим трём первичным составляющим были поставлены в соответствие координаты X, Y и Z.

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

Кратко модель можно описать так:

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

Модель YUV:

HSV (Hue, Saturation, Value — тон, насыщенность, значение) или HSB (Hue, Saturation, Brightness — оттенок, насыщенность, яркость) - цветовая модель, тоже трехкомпанентная.

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

Думаю подобные палитры в графических редакторах видели многие из вас:

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

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

Lab — аббревиатура названия двух разных (хотя и похожих) . Более известным и распространенным является CIELAB (точнее, CIE 1976 L*a*b*), другим — Hunter Lab (точнее, Hunter L, a, b). Таким образом, Lab — это неформальная аббревиатура, не определяющая цветовое пространство однозначно. Чаще всего, говоря о пространстве Lab, подразумевают CIELAB.

При разработке Lab преследовалась цель создания цветового пространства, изменения цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета. Таким образом математически корректировалась бы нелинейность восприятия цвета человеком. Оба цветовых пространства рассчитываются относительно определенного значения . Если значение точки белого дополнительно не указывается, подразумевается, что значения Lab рассчитаны для стандартного осветителя D50. (c) Wikipedia

Для простых смертных, RGB и CMYK это то, как мы будем кодировать цвета для машин, причем не учитывая итог (CMYK учитывает итог путем калибровки инструмента и цветовой модели). А вот LAB обеспечивает отображение именно того цвета, который увидит человек. Часто используется как промежуточная цветовая модель при переводе из одной модели к другой.

NCS (Natural Color System , естественная система цвета) — цветовая модель, предложенная Скандинавским институтом цвета (Skandinaviska Färginstitutet AB), Стокгольм, Швеция. Она основана на системе противоположных цветов и нашла широкое применение в промышленности для описания цвета продукции.

За основу взяты 6 цветов: Белый, черный, голубой, желтый, зеленый и красный.

Остальные цвета получаются путем задания темноты, насыщенности и двух основных цветов.

Вроде (беру из головы):

Оранжевый: 5% темноты, 80% насыщенности, 50% желтого, 50% красного.

Ну и в таком духе.

Цветовая модель Пантон , система PMS (Pantone Matching System) — стандартизованная система подбора цвета, разработанная американской фирмой Pantone Inc в середине XX века. Использует цифровую идентификацию цветов изображения для полиграфии печати как смесевыми, так и красками. Эталонные пронумерованные цвета напечатаны в специальной книге, страницы которой веерообразно раскладываются.

Существуют и другие цветовые модели, я отобрал наиболее приглянувшиеся и интересные. Для наших простых нужд хватает RGB, YUV, LAB моделей, для полиграфии добавляются еще CMYK и другие.

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

История происхождения цветовой модели RGB

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

Аддитивная (суммирующая) система цветопередачи означает, что цвета в этой модели добавляются к черному (Black) цвету.

Аддитивное смещение цветов можно трактовать как, - процесс объединения световых потоков различных цветов до того, как они достигнут глаза.

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

Рисунок 1. Схема смешивания световых потоков в аддитивной модели цвета

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

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

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

С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов: красного, зеленого и синего. Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red - красный, Green - зеленый, Blue - синий).

Механизм формирования цветов модели RGB

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

Рисунок 2 - Цветовая модель RGB

R+G=Y (Yellow - желтый);

G+B=C (Cyan - голубой);

B+R=M (Magenta - пурпурный).

Сумма всех трех основных цветов в равных долях дает белый (White) цвет

R+G+B=W (White - белый)

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

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

Если кодировать цвет одной точки изображения тремя битами, каждый из которых будет являться признаком присутствия (1) или отсутствия (0) соответствующей компоненты системы RGB, 1 бит на каждый компонент RGB то мы получим все восемь различных цветов (таблица 1).

Таблица 1 - Присутствие цветов

На практике же, для сохранения информации о цвете каждой точки цветного изображения в модели RGB обычно отводится 3 байта (т.е. 24 бита) по 1 байту (т.е. по 8 бит) под значение цвета каждой составляющей. Таким образом, каждая RGB-составляющая может принимать значение в диапазоне от 0 до 255 (всего 2 в 8 степени = 256 значений). Поэтому можно смешивать цвета в различных пропорциях, изменяя яркость каждой составляющей.

Таким образом, можно получить 256 х 256 х 256 = 16 777 216 цветов.

Изменяющиеся в диапазоне от 0 до 255 координаты RGB образуют цветовой куб (Рисунок 3).

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

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

Рисунок 3 - Цветовой куб

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

Шестнадцатеричное представление - это три двузначных шестнадцатеричных числа, каждое из которых соответствует яркости базового цвета. Первое число (первая пара цифр) соответствует яркости красного цвета, второе число (вторая пара чисел) - зеленого, третье (третья пара чисел) - синего.

Максимальная яркость всех трех базовых составляющих соответствует белому цвету, минимальная - черному цвету. Поэтому белый цвет имеет в десятеричном представлении код (255,255,255), а в шестнадцатеричном - FFFFFF. Черный цвет кодирует соответственно (0,0,0) или 000000.

Все оттенки серого цвета образуются смешиванием трех составляющих одинаковой яркости. Например, при значениях (200,200,200) или C8C8C8 получается светло-серый цвет, а при значениях (100,100,100) или 646464 - темно-серый. Чем более темный оттенок серого нужно получить, тем меньшее число нужно вводить в каждое текстовое поле.

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

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

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

Типы цветовых моделей

Существует немало цветовых моделей, наиболее часто используемые можно разделить на три группы:

• аппаратно-зависимые — цветовые модели данной группы описываю цвет применительно к конкретному, цветовоспроизводящему устройству (например монитору), - RGB, CMYK
• аппаратно-независимые — эта группа цветовых моделей для того, чтобы дать однозначную информацию о цвете - XYZ, Lab
• психологические — эти модели основываются на особенностях восприятия человека - HSB, HSV, HSL

Рассмотрим по отдельности некоторые, часто используемые, цветовые модели.

Данная цветовая модель описывает цвет источника света (сюда можно отнести например экран монитора или телевизора). Из огромного множества цветов, в качестве основных (первичных) было выделено три цвета: красный (B ed), зеленый (G reen), синий (B lue). Первые буквы названий основных цветов образовали название цветовой модели RGB.

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

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

Важные точки и линии модели RGB

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

Плюс этой модели состоит в том, что она описывает все 16 миллионов цветов, а минус в том, что при печати часть (самые яркие и насыщенные) этих цветов потеряется.

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

Если предыдущая модель описывает светящиеся цвета, то CMYK наоборот, для описания цветов отраженных. Еще они называются субтрактивными («вычитательными»), потому что они остаются после вычи­тания основных аддитивных. Так как цветов для вычитания у нас три, то и основных субтрактивных цветов тоже будет три: голубой (C yan), пурпурный (M agenta), желтый (Y ellow).

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

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

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

Что бы компенсировать эту проблему к этой триаде добавили четвертую краску черного цвета, она и добавила последнюю букву в названии цветовой модели С - C yan (Голубой), М - M agenta (Пурпурный), Y - Y ellow (Желтый), К - blacK (Черный). Все краски обычно обозначаются начальной буквой названия, но черную обозначили последней буквой, Почему? .

Как и RGB, CMYK тоже модель аппаратно-зависимая. Зависит конечный результат от краски, от типа бумаги, от печатной машины, от особенностей технологии печати. Поэтому одно и то же изображение в разных типографиях может быть напечатанным по разному.

Цветовая модель HSB

Если вышеописанные модели соединить в одну, то результат можно изобразить в виде цветового круга, где основные цвета моделей RGB и CMY расположены в следующей зависимости: каждый цвет находится напротив комплементарного цвета, его дополняющего и между цветами, с по­мощью которых он образован.

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

Для описания цвета в данной модели есть три параметра H ue (оттенок) - показывает положение цвета на цветовом круге и обозначается величиной угла от 0 до 360 градусов, S aturation (насыщенность) - определяет чистоту цвета (уменьшение насыщенности похоже на добавлене белого цвета в исходный цвет), B rightness (яркость) - показывает освещенность или затененность цвета (уменьшение яркости похоже на добавление черной краски). Первые буквы в названии этих параметров и дали название цветовой модели.

Модель HSB хорошо согласуется с человеческим восприятием: цветовой тон - длина волны света, насыщенность - интенсивность волны, а яркость - количество света.

Минусом модели HSB является необходимость конвертировать ее в RGB для отображения на экране монитора или в CMYK для печати.

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

В модели Lab цвет представлен тремя параметрами:

• L — светлота
• a — хроматический компонент в диапазоне от зеленого до красного
• b — хроматический компонент в диапазоне от синего до желтого

При переводе цвета из какой-нибудь модели в Lab, все цвета сохраняются, так как пространство Lab самое большое. Поэтому данное пространство используют как посредника при конвертации цвета из одной модели в другую.

Цветовая модель Grayscale

Самое простое и понятное пространство используется для отображения черно-белого изображения. Цвет в данной модели описывается всего одним параметром. Значение параметра может быть в градациях (от 0 до 256) или в процентах (от 0% до 100%). Минимальное значение соответствует белому цвету, а максимальное — черному.

Индексные цвета

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

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

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

Цели урока:

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

Задачи урока:

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

В результате изучения темы учащиеся должны:

знать:

• физические модели восприятия цвета объекта RGB и CMY(K)
• соотношение моделей RGB и CMY

уметь:

• определять цвета по заданной цветовой схеме

Оборудование: ПК, программа PowerPoint, мультимедийный проектор, интерактивная доска, раздаточный материал, презентация «Цветовые модели».

Ход урока

План урока

1. Организационный момент (2 мин)
2. Фронтальный опрос (3 мин)
3. Объяснение нового материала (19 мин)
4. Просмотр презентации (8 мин)
5. Проверка усвоения материала (10 мин)
6. Подведение итогов урока (1 мин).
7. Домашнее задание (2 мин)

УРОК 45 мин

1. Организационный момент (2 мин ).

• Проверка присутствующих
• Оформление журнала
• Ознакомление учащихся с темой урока

2. Фронтальный опрос (3 мин ).

Учащиеся с места должны ответить на вопросы:

а) назначение графического редактора

Графический редактор - программа (или пакет программ), позволяющая создавать и редактировать изображения с помощью компьютера.

б) принципы формирования изображения в растровой и векторной графике

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

в) Объяснение нового материала (19 мин )

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

Запишем в тетрадь определение:

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

Сегодня мы с вами рассмотрим модели RGB и CMY(K).

Перепишите это в тетрадь.

Цветовая модель RGB (аббревиатура английских слов R ed, G reen, B lue - красный, зелёный, синий) - аддитивная цветовая модель.

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

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

Любой цвет можно представить в виде комбинации 3 основных цветов R ed (красный), G reen (зелёный), B lue (синий). Эти цвета называют цветовыми составляющими.

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

Запишите в тетрадь основные цвета. (Учащиеся переписывают материал с доски)

Преподаватель: Слово аддитивная (сложение) подчеркивает, что цвет получается при сложении точек трех базовых цветов, каждая своей яркости. Яркость каждого базового цвета может принимать значения от 0 до 255 (256 значений), таким образом, модель позволяет кодировать 2563 или около 16,7 млн цветов. Эти тройки базовых точек (светящиеся точки) расположены очень близко друг к другу, так что каждая тройка сливается для нас в большую точку определенного цвета. Чем ярче цветная точка (красная, зеленая, синяя), тем большее количество этого цвета добавится к результирующей (тройной) точке.

Посмотрите на доску и на выданный материал.

На интерактивной доске выводится модель RGB (аналогичная схема в раздаточном материале у каждого учащегося). Преподаватель продолжает объяснять и показывает на схеме.

Изображение в данной цветовой модели состоит из трёх каналов.

• Чистый красный может быть определён как как (255,0,0) - R ed
• Чистый зеленый (0,255,0) - G reen
• Чистый ярко-синий цвет (0,0,255) – B lue

На схеме вы видите, что при смешении основных цветов (основными цветами считаются красный, зелёный и синий) мы получаем

• при смешении синего (B) и красного (R), мы получаем пурпурный или лиловый (M magenta)
• при смешении зеленого (G) и красного (R) - жёлтый (Y yellow)
• при смешении зеленого (G) и синего (B) - циановый (С cyan)
• при смешении всех трёх цветовых компонентов мы получаем белый цвет (W)

• Если яркость всех трех базовых цветов минимальна (равна нулю), получается черная точка (Черный - (0,0,0))
• Если яркость всех трех цветов максимальна (255), при их сложении получается белая точка (Белый - (255,255,255)
• Если яркость каждого базового цвета одинакова, получается серая точка (чем больше значение яркостей, тем светлее).

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

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

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

Цветовая модель CMY ( K)

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

На доске уже написано название модели и базовые цвета.

CMY ( K )
C yan M agenta Y ellow BlacK
Голубой Пурпурный Желтый Черный

Перепишите это в тетрадь.

Цвета, которые используют белый свет, вычитая из него определенные участки спектра, называются субтрактивными ("вычитательными") . Для их описания используется субтрактивная модель CMY (С - это Cyan (Голубой), М - это Magenta (Пурпурный), Y - Yellow (Желтый)). В этой модели основные цвета образуются путем вычитания из белого цвета основных аддитивных цветов модели RGB.

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

В этом случае и основных субтрактивных цветов будет три:

• голубой (белый минус красный)
• пурпурный (белый минус зеленый)
• желтый (белый минус синий)

Цветовая модель CMY ( K ) используется при работе с отраженным цветом (при печати) .

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

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

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

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

Для улучшения качества отпечатка в число основных полиграфических красок (и в модель) внесена черная краска . Именно она добавила последнюю букву в название модели CMYK, хотя и не совсем обычно. Черный компонент сокращается до буквы К, поскольку эта краска является главной, ключевой (K ey) в процессе цветной печати(или blacK ).

Как и для модели RGB, количество каждого компонента может быть выражено в процентах или градациях от 0 до 255.

Печать четырьмя красками, соответствующими CMYK, также называют печатью триадными красками .

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

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

При обработке изображений необходимо ясно понимать взаимодействие цветовых координат аддитивной системы RGB и субтрактивной системы CMYK. Без знания этих закономерностей трудно оценить качество цвета, назначить корректирующие операции, да и просто разумно использовать простейшие инструменты, предназначенные для работы с цветом.

Если эти две модели представить в виде единой модели , то по­лучится усеченный вариант цветового круга, в котором цвета располагаются и известном еще со школы порядке (только без производного оранжевого цвета): красный (R), желтый (Y), зеленый (G), голубой (C), синий (В) – пурпурный (лиловый, фиолетовый) М - Magenta

КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ, ГДЕ СИДИТ ФАЗАН
или
КАК ОДНАЖДЫ ЖАН - ЗВОНАРЬ ГОЛОВОЙ СВАЛИЛ ФОНАРЬ
или
КАЖДЫЙ ОФОРМИТЕЛЬ ЖЕЛАЕТ ЗНАТЬ, ГДЕ СКАЧАТЬ ФОТОШОП

Рассмотрим самую простую и востребованную модель, называемую цветовым кругом. В нем на одинаковом расстоянии друг от друга размещены координаты основных цветовых систем RGB и CMYK.

Пары цветов, расположенные на концах одного диаметра (под углом 180 градусов), называются
На цветовом круге основные цвета моделей RGB и CMY находятся в такой зависимости: каждый цвет расположен напротив дополняющего его (комплиментарного) цвета; при этом он находится на равном расстоянии между цветами, с помощью которых он получен.

Комплиментарными цветами являются:

• зеленый и пурпурный,
• синий и желтый,
• голубой и красный.

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

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

Это утверждение можно выразить в виде следующих кратких формул:

Преподаватель пишет на доске:

А теперь самостоятельно запишите в тетрадь оставшиеся 5 формул:

100%Magenta = 0Green

100%Yellow = 0Blue

0%Magenta = 255Green

0%Yellow = 255Blue.

Прослушайте и запишите в тетрадь предложение:

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

Преподаватель спрашивает 5 учащихся с целью изменить формулировку предложения для оставшихся 5 цветов.

Приведем сводку основных и производных правил цветового синтеза по круговой модели (смотрите раздаточный материал):

• Каждый субтрактивный (аддитивный) цвет находится между двумя аддитивными (субтрактивными).
• Сложение любых двух цветов RGB (CMY) дает цвет CMY (RGB), лежащий между ними. Например, смешивая зеленый и синий, получим голубой, а смесь желтого и пурпурного образует красный.

Запишите самостоятельно в тетради все возможные соотношения такого вида (6 формул)

Red + Green = Yellow

Blue + Green = Cyan

Red + Blue = Magenta

Cyan+ Magenta = Blue

Cyan + Yellow = Green

Magenta + Yellow = Red.

• Наложение красного и зеленого с максимальной интенсивностью дает чистый желтый цвет. Уменьшение интенсивности красного смещает результирующий в сторону зеленых оттенков, а снижение вклада зеленого делает цвет оранжевым.
• Смешение синего и красного в максимальной пропорции дает фиолетовый цвет. Уменьшение доли синего влечет за собой сдвиг в область розового цвета, а уменьшение красного сдвигает цвет в сторону пурпурного.
• Зеленый и синий цвета образуют голубой. Существует около 65 тысяч различных оттенков голубого, которые можно синтезировать, смешивая в разных пропорциях данные цветовые координаты.
• Наложение голубой и пурпурной краски максимальной плотности дает глубокий синий цвет.
• Пурпурный и желтый красители порождают красный цвет. Чем выше плотность составляющих, тем выше его яркость. Уменьшение интенсивности пурпурного придает цвету оранжевый оттенок, снижение доли желтой составляющей дает розовый цвет; Желтый и голубой дают ярко-зеленый цвет. Уменьшение доли желтого порождает изумрудный, а снижение вклада голубого - салатовый.
• Осветление или затемнение цвета предельной насыщенности влечет за собой снижение его насыщенности.

Запишем в тетради:

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

4. Просмотр презентации (8 мин )

Сейчас мы просмотрим презентацию, чтобы закрепить пройденный материал и узнать, что нас ждет на следующих уроках.

5. Проверка усвоения материала (10 мин )

Прошу вас ответить на вопросы по новой теме:

1. Перечислите базовые цвета моделей RGB и CMY(К).

• Цветовая модель RGB - Red, Green, Blue - красный, зелёный, синий
• Цветовая модель CMY - С - это Cyan (Голубой), М - это Magenta (Пурпурный), Y - Yellow (Желтый)

2. Какая цветовая модель используется для излучаемого цвета?

3. Почему ее называют аддитивной?

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

4. Что означает буква К в цветовой модели CMYК?

Черный компонент, поскольку эта краска является главной, ключевой (K ey) в процессе цветной печати (или blacK ).

5. Для чего используется модель цветовой круг?

Чтобы понимать взаимодействие цветовых координат аддитивной системы RGB и субтрактивной системы CMYK.

6. Какие цвета называют комплиментарными?

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

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

6. Подведение итогов урока (1 мин ).

Наш урок подходит к концу. Сегодня вы узнали о цветовых моделях RGB и CMY(К), базовые цвета этих моделей, взаимодействие цветовых координат аддитивной системы RGB и субтрактивной системы CMYK. Знакомство с цветовыми моделями мы продолжим на следующем уроке.

7. Домашнее задание (2 мин )

Запишите домашнее задание:

1. По модели Цветовой круг повторить основные формулы получения цвета
2. Профильная школа «Технология обработки текстовой информации. Технология обработки графической и мультимедийной информации» А.В.Могилев, Л.В.Листратова СПб.: БХВ-Петербург, 2010 р.8.2.
3. Уроки компьютерной графики. CorelDRAW. Учебный курс Л. Левковец СПб.: Питер, 2006 ур.2