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

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

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

Поэтому при подготовке к печати изображение должно быть переведено из аддитивной ("складывающей") модели цветов 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. Не стоит этого опасаться: ведь на бумаге цвета логотипа будут максимально соответствовать тем цветам, которые мы видим на экране.

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

Яркость каждой такой лампочки определяется интенсивностью (делением) от 0 (выключенная "лампочка") до 255 ("лампочка", светящая с полной "силой"). Такое деление цветов называется цветовой моделью RGB от первых букв слов "RED" "GREEN" "BLUE" (красный, зеленый, синий).

Таким образом белый цвет нашей точки в цветовой модели RGB можно записать в следующем виде:

R (от слова "red", красный) - 255

G (от слова "green", зеленый) - 255

B (от слова "blue", синий) - 255

"Насыщенный" красный будет выглядеть так:

Желтый цвет будет иметь следующий вид:

Так же, для записи цвета в rgb, используют шестнадцатеричную систему. Показали интенсивности запмсывают по порядку #RGB:

Белый - #ffffff

Красный - #ff0000

Черный - #00000

Желтый - #ffff00

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

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

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

Примерно так: мы светим на красный предмет белым светом. Белый свет можно представить как 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 многие ошибочно называют черно-белым. Но это не так. Черно-белое изображение состоит только из черных и белых тонов. В то время, как grayscale (оттенки серого) имеет 101 оттенок. Это градация цвета Kobalt от 0% до 100%.

Аппаратно-зависимые и аппаратно-независимые цветовые модели

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

Чтобы передать человеку более достоверную информацию о цвете, к аппаратно-зависимым цветовым моделям прикрепляют так называемые цветовые профили. Каждый из такого профиля содержит информацию о конкретном способе передачи человеку цвета и регулирует конечный цвет с помощью добавления или изъятия из какого-либо составляющего первоначального цвета параметров. Например, для печати на глянцевой пленке используется цветовой профиль, убирающий 10% Cyan и добавляющий 5% Yellow к первоначальному цвету, из-за особенностей конкретной печатной машины, самой пленки и прочих условий. Однако даже прикрепленные профили не решают всех проблем передачи нам цвета.

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

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

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

Hue - оттенок или тон;

Saturation - насыщенность цвета;

Brightness - яркость.

Параметр hue - это цвет. Определяется градусами от 0 до 360 исходя из цветов радужного кольца.

Параметр saturation - процент добавления к этому цвету белой краски имеет значение от 0% до 100%.

Параметр Brightness - процент добавления черной краски так же изменяется от 0% до 100%.

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

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

Глаз человека воспринимает цвета радужного кольца, как цвета, имеющие различную яркость. Например, спектральный зелёный имеет большую яркость, чем спектральный синий. В цветовой модели HSB все цвета этого круга считаются обладающими яркостью в 100%, что, к сожалению, не соответствует действительности.

Так как в её основе лежит цветовая модель RGB, она, все же является аппаратно-зависимой.

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

Аналогична этой модели цветовая модель HLS (расшифровка: hue, lightness, saturation).

Иногда используются для коррекции света и цвета в изображении.

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

В этой цветовой модели цвет состоит из:

Luminance - освещенность. Это совокупность понятий яркость (lightness) и интенсивность (chrome)

A - это цветовая гамма от зеленного до пурпурного

B - цветовая гамма от голубого до желтого

То есть двумя показателями в совокупности определяется цвет и одним показателем определяется его освещенность.

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

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

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

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

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

Трёхкомпонентное цветовое пространство стимулов

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

Трёхмерное представление цветового пространства человека

Можно определить цветовое пространство стимулов как евклидово пространство , если задать координаты x, y, z в качестве значений стимулов, соответствующих отклику колбочек длинно-волнового (L), средне-волнового (M) и коротко-волнового (S) диапазона оптического спектра. Начало координат (S, M, L) = (0, 0, 0) будет представлять чёрный цвет. Белый цвет не будет иметь чёткой позиции в данном определении диаграммы всевозможных цветов, а будет определяться например через цветовую температуру , или через определённый баланс белого , или каким либо иным способом. Полное цветовое пространство человека имеет вид конуса в форме подковы (как показано на рисунке справа). Принципиально данное представление позволяет задавать цвета любой интенсивности - начиная с нуля (чёрного цвета) до бесконечности. Однако на практике человеческие рецепторы могут перенасытиться или даже быть повреждёнными излучением с экстремальной интенсивностью. Поэтому данная модель не применима для описания цвета в условиях чрезвычайно высоких интенсивностей излучений, и так же не рассматривает вопросы цветовоспроизведения в условиях очень низких интенсивностей (поскольку у человека задействуется иной механизм восприятия через палочки).

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

Цветовое пространство CIE XYZ

Цветовое пространство XYZ - это эталонная цветовая модель, заданная в строгом математическом смысле организацией CIE (International Commission on Illumination - Международная комиссия по освещению) в 1931 году. Модель XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

Функции цветового соответствия

Являясь трихроматом, как отмечено выше, человек имеет три типа светочувствительных детекторов , или в других словах зрение человека трёхкомнонентно . Каждый тип детекторов (колбочек) имеет различающуюся чувствительность к разным длинам волн спектра, что описывается функцией спектральной чувствительности (которая напрямую определяется видом конкретных молекул фотопсинов , используемых данным типом колбочек). Можно сказать что глаз, как детектор, выдает три сигнала (нервных импульсов). С математической точки зрения из спектра (описываемого бесконечномерным вектором) путем умножения на функции спектральной чувствительности колбочек получается трехкомнонентный вектор , описывающий детектируемый глазом цвет. В колориметрии данные функции принято называть функциями цветового соответствия (англ. color matching functions ).

Эксперименты, проведённые Дэвидом Райтом (англ. David Wright ) и Джоном Гилдом (англ. John Guild ) в конце 1920-х и начале 1930-х годов послужили основой для определения функций цветового соответствия. Изначально функции цветового соответствия были выяснены для 2 o -ного поля зрения (использовался соответствующий колориметр). В 1964 году комитет CIE опубликовал дополнительные данные для 10 o -ного поля зрения.

Заметим что в определении кривых модели XYZ заложен фактор своевольности - форма каждой кривой может быть измерена с достаточной точностью, однако кривая суммарной интенсивности (или сумма всех трёх кривых) заключает в своём определении субъективный момент, при котором реципиента просят определить имеют ли два источника света одинаковую яркость, даже если эти источники абсолютно разного цвета. Также отметить произвольность относительной нормировки кривых X, Y и Z, поскольку можно предложить альтернативную работающую модель, в которой кривая чувствительности X имеет двух-кратно усиленную амплитуду. При этом цветовое пространство будет иметь иную форму. Кривые X, Y, Z в модели CIE XYZ 1931 и 1964 были выбраны таким образом чтобы площади поверхности под каждой кривой были равны между собой.

Хроматические координаты Yxy

Хроматическая диаграмма с длинами волн цветов

На рисунке справа представлена классическая хроматическая диаграмма модели XYZ с длинами волн цветов. Значения x и y в ней соответствуют X, Y и Z согласно следующим формулам:

В математическом смысле на данной хроматической диаграмме x и y это координаты на плоскости проекции . Данное представление позволяет задавать значение цвета через светлоту Y (англ. luminance ) и две координаты x , y . Заметим что светлота Y в модели XYZ и Yxy это не то же самое что яркость Y в модели

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

Особенности цветного зрения

Значения X , Y , и Z получаются путём умножения физического спектра излучения на функции цветового соответствия. Синяя и красная часть спектра оказывают меньшее влияние на воспринимаемую яркость, что может быть продемонстрировано на примере:

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

Ссылки

• Алексей Шадрин, Андрей Френкель. Color Management System (CMS) в логике цветовых координатных систем. Часть I , Часть 2 , Часть 3 .

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

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

В этом режиме нам доступно всего 2 цвета, а именно черный и белый. Ну и что мы здесь забыли? Правильно! Ничего. Поэтому сразу говорю — этим режимом мы пользоваться не будем.

Градации серого (Grayscale)

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

RGB (Красный Зеленый Синий)

Ну вот мы и перешли к основной цветовой модели. Именно ей мы и будем в основном пользоваться в фотошопе. Эта модель используется для отображения цветов именно на экране. Все цвета и оттенки получаются при смешивании трех основных цветов, т.е. красного (R ed), зеленого (G reen) и синего (B lue). Вы спросите: «А где же желтый цвет? Ведь его невозможно получить, смешивая эти цвета». Как раз таки получается, но не на бумаге, а на экране монитора. Желтый цвет мы можем получить смешивая красный и зеленый цвета. Вот такая вот хитрость.

Цветов в этой модели целая уйма! В 8-битном представлении их аж 16 миллионов! Вы представьте сколько их будет в 16 и 32-х битах? Поэтому сразу заклинаю вас — выбирайте только 8-битное представление RGB, так как в остальных смысла нет, по крайней мере в обычной жизни. Будем считать, что договорились.

CMYK (Cyan Magenta Yellow Black)

Данная цветовая модель произошла от букв четырех цветов C yan M agenta Y ellow K ey color — Голубой, Пурпурный, Желтый, Ключевой-черный. Хотя в некоторых источниках я читал, что буква K образована не от Key color, а от черного цвета black, только ей решили не присваивать букву B , так как она уже использовалась в цветовой модели RGB как синий, поэтому и дали ей последнюю букву от слова blacK . Но сути это не меняет.

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

LAB

Ну и раз уж мы говорим о цветовых моделях, то я не могу не рассказать о такой мvдели как LAB. Состоит эта модель из трех параметров:

1. L uminance — освещенность. Градация идет от светлого к тёмному.
2. Цвет A - гамма цветов от зеленого до пурпурного
3. Цвет B — гамма цветов от голубого к желтому.

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

И если модель RGB отображает цвета так, как мы видим его на экране, а CMYK как на бумаге, то модель LAB соответствует человеческому зрению, т.е. как это видит обычный человек.

HSB или HSV

И напоследок зацепим еще одну модель, которая может вам повстречаться. Данная модель состоит из трёх параметров: Hue (Цветовой тон), Saturation (Насыщенность) и Brightness (Яркость)/Value (значение) цвета. В основе данной модели лежит ранее рассмотрнная RGB, но в отличие от RGB (16 млн цветов), HSB может содержать всего лишь порядка 2,5 миллионов цветов.

Часто такая модель изображается в виде цветового круга и дополнительного вертикального столбика яркости. Может вы где-то встречали? Но кроме этого в разных программах может встречаться разное представление.

В общем на этом свой обзорчик цветовых моделей я завершаю. Сразу вам скажу, что когда мы будем проходить фотошоп, то пользоваться в основном будем моделью RGB. И кстати я вам не зря дал эту информацию, так как скоро мы действительно перейдем к изучению графического редактора Adobe Photoshop. Так что не расслабляйтесь.

А на этом наше теоретическое занятие закончено. Надеюсь, что вам всё более менее было понятно. В случае чего, вы всегда можете задать вопрос в комментариях или в форме обратной связи. И не забудьте подписаться на обновления статей моего блога и тогда вы всегда будете в курсе всего интересного самые первые! Удачи вам, готовьтесь новым урокам. Пока-пока!

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

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

Что такое цветовая модель

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

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

RGB

Это самая распространенная модель представления цвета. В ней любой цвет рассматривается как оттенки трех основных (или базовых) цветов: красный (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 ) и программистов.

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

CMYK

Это тоже очень распространенная модель, но многие о ней могли вообще ничего не слышать:)

А всё из-за того, что она используется исключительно для печати. Она расшифровывается как Cyan, Magenta, Yellow, Black (или Key Color ), т.е. Голубой, Пурпурный, Желтый и Черный (или ключевой цвет ).

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

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

Таким образом, получится скорее не черный, а грязно-серый или грязно-коричневый.

Поэтому (и не только) ввели еще черный цвет, чтобы не пачкать бумагу, не тратиться на тонеры и вообще жить было проще:)

Очень наглядно иллюстрирует всю суть следующая анимация (открывается по клику, вес около 14 Mb ):

Цвет в этой модели задается числами от 0 до 100 , где эти числа часто называют "частями" или "порциями" выбранного цвета. Например, цвет "хаки" получается путем смешивания 30 частей голубой краски, 45 - пурпурной, 80 - желтой и 5 - черной, т.е. цвет хаки будет .

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

HSV (HSB) и HSL

Эти две цветовые модели я объединил, т.к. они схожи по своему принципу.

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

HSV (или HSB) означает Hue, Saturation, Value (еще может именоваться Brightness ), где:

• Hue - цветовой тон, т.е. оттенок цвета.
• Saturation - насыщенность. Чем выше этот параметр, тем "чище" будет цвет, а чем ниже, тем ближе он будет к серому.
• Value (Brightness ) - значение (яркость) цвета. Чем выше значение, тем ярче будет цвет (но не белее). А чем ниже, тем темнее (0% - черный)

HSL - Hue, Saturation, Lightness

• Hue - Вы уже знаете
• Saturation - аналогично
• Lightness - это светлота цвета (не путать с яркостью) . Чем выше параметр, тем светлее цвет (100% - белый), а чем ниже, тем темнее (0% - черный).

Более распространенная модель - 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 ).

Lab или L,a,b

Эта модель является одной из стандартных, хотя и малоизвестна рядовому пользователю.

Расшифровывается она следующим образом:

• L - Luminance - освещенность (это совокупность яркости и интенсивности)
• a - один из компонентов цвета, меняется от зеленого до красного
• b - второй из компонентов цвета, меняется от синего до желтого

На рисунке показаны диапазоны компонент a и b для освещенности 25% (слева) и 75% (справа)

Яркость в этой модели отделяется от цветов, поэтому при помощи неё удобно регулировать контраст, резкость и другие светопоказатели, не трогая при этом цвета:)

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

Ну и в качестве примера работы модели HSV, HSL и Lab вот картинка из Википедии (кликабельно)