Цели урока:
Задачи урока:
В результате изучения темы учащиеся должны:
знать:
уметь:
Оборудование: ПК, программа PowerPoint, мультимедийный проектор, интерактивная доска, раздаточный материал, презентация «Цветовые модели».
Ход урока
План урока
УРОК 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 (аналогичная схема в раздаточном материале у каждого учащегося). Преподаватель продолжает объяснять и показывает на схеме.
Изображение в данной цветовой модели состоит из трёх каналов.
На схеме вы видите, что при смешении основных цветов (основными цветами считаются красный, зелёный и синий) мы получаем
Точка какого-нибудь красивого, сочного цвета получается в том случае, если при смешении одного (или двух) цветов гораздо меньше, чем двух (одного) других. Например, сиреневый цвет получается, если мы возьмем по максимуму красного и синего цветов и не возьмем зеленого , а желтый цвет - достигается смешением красного и зеленого.
Устройства ввода графической информации (сканер, цифровая камера) и устройство вывода (монитор) работают именно в этой модели.
Цветовая модель 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 цветов.
Приведем сводку основных и производных правил цветового синтеза по круговой модели (смотрите раздаточный материал):
Запишите самостоятельно в тетради все возможные соотношения такого вида (6 формул)
Red + Green = Yellow
Blue + Green = Cyan
Red + Blue = Magenta
Cyan+ Magenta = Blue
Cyan + Yellow = Green
Magenta + Yellow = Red.
Запишем в тетради:
Вложение цвета можно увеличивать и уменьшать, регулируя вклады его комплиментарного цвета или смежных цветов.
4. Просмотр презентации (8 мин )
Сейчас мы просмотрим презентацию, чтобы закрепить пройденный материал и узнать, что нас ждет на следующих уроках.
5. Проверка усвоения материала (10 мин )
Прошу вас ответить на вопросы по новой теме:
1. Перечислите базовые цвета моделей RGB и CMY(К).
2. Какая цветовая модель используется для излучаемого цвета?
3. Почему ее называют аддитивной?
Аддитивной модель называется потому, что цвета получаются путём добавления (англ. addition) к черному
4. Что означает буква К в цветовой модели CMYК?
Черный компонент, поскольку эта краска является главной, ключевой (K ey) в процессе цветной печати (или blacK ).
5. Для чего используется модель цветовой круг?
Чтобы понимать взаимодействие цветовых координат аддитивной системы RGB и субтрактивной системы CMYK.
6. Какие цвета называют комплиментарными?
Пары цветов, расположенные на концах одного диаметра на цветовом круге (под углом 180 градусов), называются комплиментарными или дополнительными.
6. Подведение итогов урока (1 мин ).
Наш урок подходит к концу. Сегодня вы узнали о цветовых моделях RGB и CMY(К), базовые цвета этих моделей, взаимодействие цветовых координат аддитивной системы RGB и субтрактивной системы CMYK. Знакомство с цветовыми моделями мы продолжим на следующем уроке.
7. Домашнее задание (2 мин )
Запишите домашнее задание:
На принципе такого деления света основан цветной телевизор или монитор Вашего компьютера. Если говорить очень грубо, то монитор, в который Вы сейчас смотрите состоит из огромного количества точек (их количество по вертикали и горизонтали определяет разрешение монитора) и в каждую эту точку светят по три "лампочки": красная, зеленая и синяя. Каждая "лампочка" может светить с разной яркостью, а может не светить вовсе. Если светит только синяя "лампочка" - мы видим синюю точку. Если только красная - мы видим красную точку. Аналогично и с зеленой. Если все лампочки светят с полной яркостью в одну точку, то эта точка получается белой, так как все градации этого белого опять собираются вместе. Если ни одна лампочка не светит, то точка кажется нам черной. Так как черный цвет - это отсутствие света. Сочетая цвета этих "лампочек", светящихся с различной яркостью можно получать различные цвета и оттенки.
Яркость каждой такой лампочки определяется интенсивностью (делением) от 0 (выключенная "лампочка") до 255 ("лампочка", светящая с полной "силой"). Такое деление цветов называется цветовой моделью RGB от первых букв слов "RED" "GREEN" "BLUE" (красный, зеленый, синий).
Таким образом белый цвет нашей точки в цветовой модели RGB можно записать в следующем виде:
R (от слова "red", красный) - 255
G (от слова "green", зеленый) - 255
B (от слова "blue", синий) - 255
"Насыщенный" красный будет выглядеть так:
Желтый цвет будет иметь следующий вид:
Так же, для записи цвета в rgb, используют шестнадцатеричную систему. Показали интенсивности запмсывают по порядку #RGB:
Белый - #ffffff
Красный - #ff0000
Черный - #00000
Желтый - #ffff00
Итак, теперь мы знаем, каким хитрым способом наш компьютер передает нам цвет той или иной точки. Давайте теперь воспользуемся приобретенными знаниями и попробуем получить белый цвет с помощью красок. Для этого купим в магазине гуашь, возьмем баночки с красной, синей и зеленой краской, и смешаем их. Получилось? И у меня нет.
Проблема в том, что наш монитор излучает свет, то есть светится, но в природе многие объекты не обладают таким свойством. Они попросту отражают белый свет, который на них падает. Причем если предмет отражает весь спектр белого света, то мы видим его белым, а если же часть этого света им поглощается - то не совсем.
Примерно так: мы светим на красный предмет белым светом. Белый свет можно представить как R-255 G-255 B-255. Но предмет не хочет отражать весь свет, который мы на него направили, и нагло ворует у нас все оттенки зеленого и синего. В итоге отражает только R-255 G-0 B-0. Именно поэтому он нам и кажется красным.
Так что для печати на бумаге весьма проблематично пользоваться цветовой моделью RGB. Для этого, как правило, используется цветовую модель CMY (цми) или CMYK (цмик). Цветовая модель CMY основана на том, что сам по себе лист бумаги белый, то есть отражает практически весь спектр RGB, а краски, наносимые на нее, выступают в качестве фильтров, каждый из которых "ворует" свой цвет (либо red, либо green, либо blue). Таким образом цвета этих красок определяются вычитанием из белого по одному цветов RGB. Получаются цвета Cyan (что-то вроде голубого), Magenta (можно сказать, розовый), Yellow (желтый).
И если в цветовой модели RGB градация каждого цвета происходила по яркости от 0 до 255, то в цветовой модели CMYK у каждого цвета основным значением является "непрозрачность" (количество краски) и определяется процентами от 0% до 100%.
Таким образом, белый цвет можно описать так:
C (cyan) - 0%; M (magenta) - 0%; Y (yellow) - 0%.
Красный - C-0%; M-100%; Y-100%.
Зеленый - C-100%; M-0%; Y-100%.
Синий - C-100%; M-100%; Y-0%.
Черный - C-100%; M-100%; Y-100%.
Однако, это возможно только в теории. А на практике же обойтись цветами CMY не получается. И черный цвет при печати получается скорее грязно-коричневым, серый не похож сам на себя, а темные оттенки цветов создать проблематично. Для урегулирования конечного цвета используется еще одна краска. Отсюда и последняя буква в названии CMYK (ЦМИК). Расшифровка этой буквы может быть разной:
Это может быть сокращение от blacK (черный). И в сокращении используется именно последняя буква, чтобы не спутать этот цвет с цветом Blue в модели RGB;
Печатники очень часто употребляют слово "Контур" относительно этого цвета. Так что возможно, что буква K в абревиатуре CMYK (ЦМИК) - это сокращение от немецкого слова "Kontur";
Так же это может быть сокращение от Key-color (ключевой цвет).
Однако ключевым его назвать сложно, так как он является скорее дополнительным. И на черный этот цвет не совсем похож. Если печатать только этой краской изображение получается скорее серое. Поэтому некоторые придерживаются мнение, что буква K в обревиатуре CMYK означает "Kobalt" (темно-серый, нем.).
Как правило, используется для обозначения этого цвета термин "black" или "черный".
Печать с использованием цветов CMYK называют "полноцветной" или "триадной".
*Стоит, наверное, сказать, что при печати CMYK (ЦМИК) краски не смешиваются. Они ложатся на бумагу "пятнами" (растром) одна рядом с другой и смешиваются уже в воображении человека, потому что эти "пятна" очень малы. То есть изображение растрируется, так как иначе краска, попадая одна на другую, расплывается и образуется муар или грязь. Существует несколько разных способов растрирования.
Изображение в цветовой модели grayscale многие ошибочно называют черно-белым. Но это не так. Черно-белое изображение состоит только из черных и белых тонов. В то время, как grayscale (оттенки серого) имеет 101 оттенок. Это градация цвета Kobalt от 0% до 100%.
Цветовые модели CMYK и RGB являются аппаратно-зависимыми, то есть они зависят от способа передачи нам цвета. Они указывают конкретному устройству, как использовать соответствующие им красители, но не имеют сведений о восприятии конечного цвета человеком. В зависимости от настроек яркости, контрастности и резкости монитора компьютера, освещенности помещения, угла, под которым мы смотрим на монитор, цвет с одними и теми же параметрами RGB воспринимается нами по-разному. А восприятие человеком цвета в цветовой модели "CMYK" зависит от еще большего ряда условий, таких как свойства запечатываемого материала (например, глянцевая бумага впитывает меньше краски, чем матовая, соответственно цвета на ней получаются более яркие и насыщенные), особенности краски, влажности воздуха, при котором сохла бумага, характеристик печатного станка…
Чтобы передать человеку более достоверную информацию о цвете, к аппаратно-зависимым цветовым моделям прикрепляют так называемые цветовые профили. Каждый из такого профиля содержит информацию о конкретном способе передачи человеку цвета и регулирует конечный цвет с помощью добавления или изъятия из какого-либо составляющего первоначального цвета параметров. Например, для печати на глянцевой пленке используется цветовой профиль, убирающий 10% Cyan и добавляющий 5% Yellow к первоначальному цвету, из-за особенностей конкретной печатной машины, самой пленки и прочих условий. Однако даже прикрепленные профили не решают всех проблем передачи нам цвета.
Аппаратно-независимые цветовые модели не несут в себе сведений для передачи цвета человеку. Они математически описывают цвет, воспринимаемый человеком с нормальным цветным зрением.
В основе этого цветового пространства лежит уже знакомое нам радужное кольцо RGB. Цвет управляется изменением таких параметров, как:
Hue - оттенок или тон;
Saturation - насыщенность цвета;
Brightness - яркость.
Параметр hue - это цвет. Определяется градусами от 0 до 360 исходя из цветов радужного кольца.
Параметр saturation - процент добавления к этому цвету белой краски имеет значение от 0% до 100%.
Параметр Brightness - процент добавления черной краски так же изменяется от 0% до 100%.
Принцип похож на одно из представлений света с точки зрения изобразительного искусства. Когда в уже имеющиеся цвета добавляют белую или черную краску.
Это самая простая для понимания цветовая модель, поэтому ее очень любят многие web-дизайнеры. Однако она имеет ряд недостатков:
Глаз человека воспринимает цвета радужного кольца, как цвета, имеющие различную яркость. Например, спектральный зелёный имеет большую яркость, чем спектральный синий. В цветовой модели HSB все цвета этого круга считаются обладающими яркостью в 100%, что, к сожалению, не соответствует действительности.
Так как в её основе лежит цветовая модель RGB, она, все же является аппаратно-зависимой.
Эта цветовая модель конвертируется для печати в CMYK и конвертируется в RGB для отображения на мониторе. Так что догадаться, каким у вас в конечном счете получится цвет бывает весьма проблематично.
Аналогична этой модели цветовая модель HLS (расшифровка: hue, lightness, saturation).
Иногда используются для коррекции света и цвета в изображении.
В этой цветовой модели цвет состоит из:
Luminance - освещенность. Это совокупность понятий яркость (lightness) и интенсивность (chrome)
A - это цветовая гамма от зеленного до пурпурного
B - цветовая гамма от голубого до желтого
То есть двумя показателями в совокупности определяется цвет и одним показателем определяется его освещенность.
LAB - Это аппаратно-независимая цветовая модель, то есть она не зависит от способа передачи нам цвета. Она содержит в себе цвета как RGB так и CMYK, и grayscale, что позволяет ей с минимальными потерями конвертировать изображение из одной цветовой модели в другую.
Еще одним достоинством является то, что она, в отличие от цветовой модели HSB, соответствует особенностям восприятия цвета глазом человека.
Часто используется для улучшения качества изображения, и конвертирования изображений из одного цветового пространства в другое.
Доброго времени суток, дорогие читатели, знакомые, посетители, мимопроходящие личности и прочие странные существа! Сегодня мы поговорим о немного специфической, но несомненно важной вещи для любого пользователя, а именно о такой штуке: представление цвета в компьютере.
Как ни крути, но рано или поздно все столкнутся с практической необходимостью понимания, что такое цветовая модель, да и просто сие знание полезно с точки зрения расширения кругозора и осознания - что и как работает в компьютере и из чего он состоит как с программной, так и с физической точки зрения.
В общем виде цветовая модель - это некоторая абстрактная вещь, в которой цвет представляется в виде совокупности чисел. И каждая такая модель имеет свои особенности и недостатки. По сути, это как с языком, например, если цвет - это слово "дом", то на разных языках оно будет писаться и звучать по-разному, но при этом смысл слова везде будет одинаковый. Так же и с цветом.
Мы рассмотрим самые основные модели. Их 5 . Как правило, используется одновременно несколько различных моделей, т.к. некоторые удобнее всего использовать в визуальном виде, а другие в численном.
Это самая распространенная модель представления цвета. В ней любой цвет рассматривается как оттенки трех основных (или базовых) цветов: красный (Red) , зеленый (Green) и синий (Blue). При этом существует два вида этой модели: восьмибитное представление, где цвет задается числами от 0 до 255 (например, цвет будет соответствовать синему, а - желтому), и шестнадцатибитное , которое чаще всего используется в графических редакторах и html , где цвет задается числами от 0 до ff (зеленый - #00ff00 , синий - #0000ff , желтый - #ffff00 ).
Разница представлений в том, что в восьмибитном виде для каждого базового цвета используется отдельная шкала, а в шестнадцатибитном уже сразу вводится цвет. Иными словами, восьмибитное представление - три шкалы с каждым основным цветов, шестнадцатибитное - одна шкала с тремя цветами.
Особенность этой модели в том, что здесь новый цвет получается путем добавления оттенков основных цветов, т.е. "смешивания".
Хотите знать и уметь, больше и сами?
Мы предлагаем Вам обучение по направлениям: компьютеры, программы, администрирование, сервера, сети, сайтостроение, SEO и другое. Узнайте подробности сейчас!
На картинке выше видно, как цвета смешиваются друг с другом, образуя новые цвета (желтый - [255,255,0 ], пурпурный - [255,0,255 ], голубой - [0,255,255 ] и белый [255,255,255 ]).
При этом эта модель чаще всего используется именно в численном виде, а не в визуальном (когда цвет задается вводом его значения в соотв. поля, а не выбирается мышкой). Для визуальной настройки цвета используются другие модели. Потому что визуально модель RGB представляет собой трехмерный кубик, который, как Вы видите на картинке выше, не очень удобно использовать:)
Так что это самая распространенная модель у веб-дизайнеров (передаем пламенный привет css ) и программистов.
Недостаток этой модели в том, что она зависит от аппаратной части, иными словами, одна и та же картинка будет неодинаково выглядеть на разных мониторах (ибо в мониторах используется так называемый люминофор - вещество, которое преобразовывает поглощаемую им энергию в световое излучение, а посему в зависимости от качества этого вещества будут определяться базовые цвета) .
Это тоже очень распространенная модель, но многие о ней могли вообще ничего не слышать:)
А всё из-за того, что она используется исключительно для печати. Она расшифровывается как Cyan, Magenta, Yellow, Black (или Key Color ), т.е. Голубой, Пурпурный, Желтый и Черный (или ключевой цвет ).
Использование этой модели на печати обусловлено тем, что смешивать по три оттенка для каждого нового цвета слишком затратно и грязно, т.к. когда на бумагу сначала наносится один цвет, потом поверх него другой и затем поверх них третий цвет, во-первых, бумага сильно намокает (если струйная печать), во-вторых, совсем не факт, что получится именно тот оттенок, что Вы хотели. Да, физика она такая:)
Наиболее внимательные могли заметить, что на картинке присутствуют три цвета, а черный получается путем смешивания этих трех. Так, стало быть, зачем его вынесли отдельно? Опять же причина в том, что, во-первых, смешивать три цвета это затратно с точки зрения использования тонера (спец. порошок для картриджа от принтера, который используется вместо чернил в лазерных принтерах), во-вторых, бумага сильно мокнет, что увеличивает время просушки, в-третьих, цвета в действительности могут не смешаться должным образом, а быть более блеклыми, например. Картинка ниже показывает эту модель в реальности
Таким образом, получится скорее не черный, а грязно-серый или грязно-коричневый.
Поэтому (и не только) ввели еще черный цвет, чтобы не пачкать бумагу, не тратиться на тонеры и вообще жить было проще:)
Очень наглядно иллюстрирует всю суть следующая анимация (открывается по клику, вес около 14 Mb ):
Цвет в этой модели задается числами от 0 до 100 , где эти числа часто называют "частями" или "порциями" выбранного цвета. Например, цвет "хаки" получается путем смешивания 30 частей голубой краски, 45 - пурпурной, 80 - желтой и 5 - черной, т.е. цвет хаки будет .
Трудности этой модели заключаются в том, что в суровых реалиях (или в реальных суровиях) цвет зависит не столько от числовых данных, сколько от характеристики бумаги, краски в тонере, способе нанесения этой краски и т.п. Так что числовые значения будут однозначно определять цвет на мониторе, но они не покажут реальной картины на бумаге.
Эти две цветовые модели я объединил, т.к. они схожи по своему принципу.
Трехмерная реализация HSL (слева) и HSV (справа) моделей представлена в виде цилиндра ниже, но на практике в ПО (программном обеспечении) не используется, ибо.. ибо трехмерная:)
HSV (или HSB) означает Hue, Saturation, Value (еще может именоваться Brightness ), где:
HSL - Hue, Saturation, Lightness
Более распространенная модель - HSV , она часто используется вместе с моделью RGB , где HSV показана в визуальном виде, а числовые значения задаются в RGB . :
Здесь RGB- модель обведена красным и значения оттенков задаются числами от 0 до 255 , либо сразу можно указать цвет в шестнадцатеричном виде. А синим обведена HSV модель (визуальная часть в левом прямоугольнике, числовая - в правом ). Также часто можно указать непрозрачность (так называемый альфа-канал ).
Такая модель чаще всего используется в простой (или непрофессиональной) обработке изображений, т.к. при помощи неё удобно регулировать основные параметры фотографий, не прибегая к куче различных фильтров или отдельных настроек.
Например во всеми любимом (или проклинаемом) фотошопе присутствуют обе модели, только одна из них находится в редакторе выбора цвета, а другая - в окне настроек Hue/Saturation
Здесь красным показа RGB-
модель, синим - HSB
, зеленым - CMYK
и голубым Lab
(о ней чуть позже), что видно на картинке:)
А HSL-
модель находится в таком вот окошке:
Недостаток HSB- модели в том, что она также зависит от аппаратной части. Она просто не соответствуют восприятию человеческого глаза, т.к. оный воспринимает цвета с разной яркостью (например, синий воспринимается нами более темным, чем красный), а в этой модели у всех цветов одинаковая яркость. У HSL аналогичные проблемы:)
Таких недостатков хотели избежать, поэтому одна небезызвестная компания CIE (Международная комиссия по освещению - Commission Internationale de l"Eclairage ) придумала новую модель, призванную не зависеть от аппаратной части. И назвали её Lab (нет, это не сокращение от Laboratory ).
Эта модель является одной из стандартных, хотя и малоизвестна рядовому пользователю.
Расшифровывается она следующим образом:
На рисунке показаны диапазоны компонент a и b для освещенности 25% (слева) и 75% (справа)
Яркость в этой модели отделяется от цветов, поэтому при помощи неё удобно регулировать контраст, резкость и другие светопоказатели, не трогая при этом цвета:)
Однако эта модель совсем неочевидная для использования и ею довольно трудно пользоваться на практике. Поэтому её используют в основном в обработке изображений и для конвертации оных из одной цветовой модели в другую без потерь (да, это единственная модель, которая делает это без потерь), обычным же смертным страждущим пользователям достаточно, как правило, HSL и HSV плюс фильтры.
Ну и в качестве примера работы модели HSV, HSL и Lab вот картинка из Википедии (кликабельно)
Наверняка многие слышали о таких цветовых моделях как 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 (используется в основном в мониторах и камерах), CMY(K) (используется в полиграфии), HSI (широко используется в машинном зрении и дизайне). Существует множество других моделей. Например, CIE XYZ (стандартные модели), YCbCr и др. Далее дан краткий обзор этих цветовых моделей.
В модели RGB (от англ. red – красный, green – зелёный, blue – голубой) все цвета получаются путём смешения трёх базовых (красного, зелёного и синего) цветов в различных пропорциях. Доля каждого базового цвета в итоговом может восприниматься, как координата в соответствующем трёхмерном пространстве, поэтому данную модель часто называют цветовым кубом. На Рис. 1 представлена модель цветового куба.
Чаще всего модель строится так, чтобы куб был единичным. Точки, соответствующие базовым цветам, расположены в вершинах куба, лежащих на осях: красный – (1;0;0), зелёный – (0;1;0), синий – (0;0;1). При этом вторичные цвета (полученные смешением двух базовых) расположены в других вершинах куба: голубой - (0;1;1), пурпурный - (1;0;1) и жёлтый – (1;1;0). Чёрный и белые цвета расположены в начале координат (0;0;0) и наиболее удалённой от начала координат точке (1;1;1). Рис. показывает только вершины куба.
Цветные изображения в модели RGB строятся из трёх отдельных изображений-каналов. В Табл. показано разложение исходного изображения на цветовые каналы.
В модели RGB для каждой составляющей цвета отводится определённое количество бит, например, если для кодирования каждой составляющей отводить 1 байт, то с помощью этой модели можно закодировать 2^(3*8)≈16 млн. цветов. На практике такое кодирование избыточно, т.к. большинство людей не способно различить такое количество цветов. Часто ограничиваются т.н. режимом «High Color» в котором на кодирование каждой компоненты отводится 5 бит. В некоторых приложениях используют 16-битный режим в котором на кодирование R и B составляющих отводится по 5 бит, а на кодирование G составляющей 6 бит. Этот режим, во-первых, учитывает более высокую чувствительность человека к зелёному цвету, а во-вторых, позволяет более эффективно использовать особенности архитектуры ЭВМ. Количество бит, отводимых на кодирование одного пиксела называется глубиной цвета. В Табл. приведены примеры кодирования одного и того же изображения с разной глубиной цвета.
Например, бумага, покрытая жёлтым красителем не отражает синий свет, т.е. можно сказать, что жёлтый краситель вычитает из отражённого белого света синий. Аналогично голубой краситель вычитает из отражённого света красный, а пурпурный краситель вычитает зелёный. Именно поэтому данную модель принято называть субтрактивной. Алгоритм перевода из модели RGB в модель CMY очень прост:
При этом предполагается, что цвета RGB находятся в интервале . Легко заметить, что для получения чёрного цвета в модели CMY необходимо смешать голубой, пурпурный и жёлтый в равных пропорциях. Этот метод имеет два серьёзных недостатка: во-первых, полученный в результате смешения чёрный цвет будет выглядеть светлее «настоящего» чёрного, во-вторых, это приводит к существенным затратам красителя. Поэтому на практике модель СMY расширяют до модели CMYK, добавляя к трём цветам чёрный (англ. black).
Чаще всего люди оперируют следующими понятиями: цветовой тон, насыщенность и светлота. При этом, говоря о цветовом тоне, обычно имеют в виду именно цвет. Насыщенность показывает насколько описываемый цвет разбавлен белым (розовый, например, это смесь красного и белого). Понятие светлоты наиболее сложно для описания, и с некоторыми допущениями под светлотой можно понимать интенсивность света.
Если рассмотреть проекцию RGB-куба в направлении диагонали белый-чёрный, то получится шестиугольник:
Все серые цвета (лежащие на диагонали куба) при этом проецируются в центральную точку. Чтобы с помощью этой модели можно было закодировать все цвета, доступные в RGB-модели, необходимо добавить вертикальную ось светлоты (или интенсивности) (I). В итоге получается шестигранный конус:
При этом тон (H) задаётся углом относительно оси красного цвета, насыщенность (S) характеризует чистоту цвета (1 означает совершенно чистый цвет, а 0 соответствует оттенку серого). Важно понимать, что тон и насыщенность не определены при нулевой интенсивности.
Алгоритм перевода из RGB в HSI можно выполнить, воспользовавшись следующими формулами:
Цветовая модель HSI очень популярна среди дизайнеров и художников, т.к. в этой системе обеспечивается непосредственный контроль тона, насыщенности и яркости. Эти же свойства делают эту модель очень популярной в системах машинного зрения. В Табл. показано изменение изображения при увеличении и уменьшении интенсивности, тона (выполняется поворот на ±50°) и насыщенности.
При описании цвета значения X,Y,Z называют стандартными основными возбуждениями, а полученные на их основе координаты – стандартными цветовыми координатами. Стандартные кривые сложения X(λ),Y(λ),Z(λ) (см. Рис.) описывают чувствительность среднестатистического наблюдателя к стандартным возбуждениям:
Помимо стандартных цветовых координат часто используют понятие относительных цветовых координат, которые можно вычислить по следующим формулам:
Легко заметить, что x+y+z=1, а это значит, что для однозначного задания относительных координат достаточно любой пары значений, а соответствующее цветовое пространство может быть представлено в виде двумерного графика:
Множество цветов, задаваемое таким способом, называют треугольником CIE.
Легко заметить, что треугольник CIE описывает только цветовой тон, но никак не описывает яркость. Для описания яркости вводят дополнительную ось, проходящую через точку с координатами (1/3;1/3) (т.н. точку белого). В результате получают цветовое тело CIE (см. Рис.):
Это тело содержит все цвета, видимые среднестатистическим наблюдателем. Основным недостатком этой системы является то, что используя её, мы можем констатировать только совпадение или различие двух цветов, но расстояние между двумя точками этого цветового пространства не соответствует зрительному восприятию различия цветов.
В системе CIE L*a*b координата L означает светлоту (в диапазоне от 0 до 100), а координаты a,b – означают позицию между зелёным-пурпурным, и синим-жёлтым цветами. Формулы для перевода координат из CIE XYZ в CIE L*a*b* приведены ниже:
где (Xn,Yn,Zn) – координаты точки белого в пространстве CIE XYZ, а
На Рис. представлены срезы цветового тела CIE L*a*b* для двух значений светлоты:
По сравнению с системой CIE XYZ Евклидово расстояние (√((L1-L2)^2+(a1^*-a2^*)^2+(b1^*-b2^*)^2)) в системе CIE L*a*b* значительно лучше соответствует цветовому различию, воспринимаемому человеком, тем не менее, стандартной формулой цветового различия является чрезвычайно сложная CIEDE2000.
Популярность этих цветовых систем обусловлена в первую очередь появлением цветного телевидения. Т.к. компонента Y по сути содержит исходное изображение в градациях серого, сигнал в системе YIQ мог быть принят и корректно отображён как на старых чёрно-белых телевизорах, так и на новых цветных.
Вторым, возможно более важным плюсом, этих пространств является разделение информации о цвете и яркости изображения. Дело в том, что человеческий глаз весьма чувствителен к изменению яркости, и значительно менее чувствителен к изменению цветности. Это позволяет передавать и хранить информацию о цветности с пониженной глубиной. Именно на этой особенности человеческого глаза построены самые популярные на сегодняшний день алгоритмы сжатия изображений (в т.ч. jpeg). Для перевода из пространства RGB в YIQ можно воспользоваться следующими формулами:
