Использование цвета в компьютерной графике. Крутая шпаргалка по сочетанию цветов Цветовая модель RGB

Ребята, мы вкладываем душу в сайт. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

Схема № 1. Комплементарное сочетание

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

Схема № 2. Триада - сочетание 3 цветов

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

Схема № 3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале - 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Схема № 4. Раздельно-комплементарное сочетание

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

Схема № 5. Тетрада - сочетание 4 цветов

Цветовая схема, где один цвет - основной, два - дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

Схема № 6. Квадрат

Сочетания отдельных цветов

Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
Красный: с желтым, белым, бурым, зеленым, синим и черным.
Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
Малиново-красный: белый, черный, цвет дамасской розы.
Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
Светло-оранжевый: серый, коричневый, оливковый.
Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
Оливковый: апельсиновый, светло-коричневый, коричневый.
Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

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

Понимать особенности каждой цветовой модели;

Уметь определять тот или иной цвет, используя различные цветовые модели;

Понимать, как различные графические программы решают вопрос кодирования цвета;

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

Мы видим предметы потому, что они излучают или отражают свет.

Свет - электромагнитное излучение.

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

Излучаемый свет - это свет, выходящий из источника, например, Солнца, лампочки или экрана монитора.

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

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

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

2.1. Система аддитивных цветов – цветовая модель RGB

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

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

красный + синий = пурпурный,

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

красный + зелёный + синий = белый.

На рисунке (рис. 3) вы видите получение различных цветов в системе RGB.

Рисунок 3. Система передачи цветов RGB

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

Таким образом, аддитивный (add - присоединять) цвет получается при объединении (суммировании) лучей трёх основных цветов - красного, зелёного и синего. Если интенсивность каждого из них достигает 100%, то получается белый цвет. Отсутствие всех трёх цветов даёт чёрный цвет. Систему аддитивных цветов, используемую в компьютерных мониторах, принято обозначать аббревиатурой RGB.

2.2. Система субтрактивных цветов – цветовая модель

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

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

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

голубой + пурпурный + жёлтый = чёрный,

голубой + пурпурный = синий,

жёлтый + пурпурный = красный,

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

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

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

На рисунке (рис. 4) вы видите получение различных цветов в системе CMYK.

Рисунок 4. Система передачи цветов CMYK

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

Систему субтрактивных цветов обозначают аббревиатурой CMYK (чтобы не возникла путаница с Blue , для обозначения Black используется символ К ).

2.3. Система «Тон - Насыщенность - Яркость» - цветовая модель HSB

Системы цветов RGB и CMYK базируются на ограничениях, накладываемых аппаратным обеспечением (мониторами компьютеров и типографскими красками). Более интуитивным способом описания цвета является его представление в виде тона (Hue) , насыщенности (Saturation) и яркости (Brightness). Для такой системы цветов используется аббревиатура HSB . Тон - конкретный оттенок цвета: красный, жёлтый, зелёный, пурпурный и т. п. Насыщенность характеризует «чистоту» цвета: уменьшая насыщенность, мы «разбавляем» его белым цветом. Яркость же зависит от количества чёрной краски, добавленной к данному цвету: чем меньше черноты, тем больше яркость цвета. Для отображения на мониторе компьютера система HSB преобразуется в RGB , а для печати на принтере - в систему CMYK . Можно создать произвольный цвет, указав в полях ввода Н , S и В значения для тона, насыщенности и яркости из диапазона от 0 до 255.

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

Список литературы

1. Бейн, С. Эффективная робота: CorelDraw 11/С.Бейн. - СПб.: Питер, 2003.

2. Павлидис Т. Алгоритмы машинной графики и обработки изображений: Пер. с англ. - М.: Радио и связь, 1986. – 400 с.

3. Роджерс Д. Алгоритмические основы машинной графики: Пер. с англ. - М.: Мир, 1989. – 512 с.

4. Симонович, С.В.Информатика: Базовий курс / С. В. Симонович и др. - СПб.: Питер, 2001.

5. Шикин Е. В., Боресков А. В. Зайцев А. А. Начала компьютерной графики. – М.: ДИАЛОГ-МИФИ, 1993. – 138 с.

Якутский А. Форматы интернет-графики // Мир Internet. - 2002. -№11-12. - C. 22-25
Яхонтов В.Н. Компьютерная графика. – М.: ТИСБИ, 2003.

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

В телевидении для стандарта PAL применяется цветовая модель YUV, для SÉCAM - модель YDbDr, а для NTSC - модель YIQ. Эти модели основаны на принципе, согласно которому основную информацию несёт яркость изображения - составляющая Y (важно - Y в этих моделях вычисляется совершенно по другому чем Y в модели XYZ), а две другие составляющие, отвечающие за цвет, менее важны.

Похожая информация.

Понятие цвета

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

Самым простым является ахроматический цвет, т.е. такой, какой мы видим на экране черно–белого телевизора. При этом белыми выглядят объекты, ахроматически отражающие более 80% света белого источника, а черными – менее 3%. Единственным атрибутом такого цвета является интенсивность или количество. С интенсивностью можно сопоставить скалярную величину, определяя черное, как 0, а белое как 1.

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

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

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

Человеческий глаз способен различать около 350 000 различных цветов. Это число получено в результате многочисленных опытов. Четко различимы примерно 128 цветовых тонов. Если меняется только насыщенность, то зрительная система способна выделить уже не так много цветов: мы можем различить от 16 (для желтого) до 23 (для красного и фиолетового) таких цветов.

Таким образом, для характеристики цвета используются следующие атрибуты:

· Цветовой тон . Можно определить преобладающей длиной волны в спектре излучения. Позволяет различать цвета.

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

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

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

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

Факторы, влияющие на внешний вид конкретного цвета:

§ источник света;

§ информация об окружающих предметах;

§ ваши глаза;

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

Цвет в компьютерной графике необходим в силу следующих причин:

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

§ цвет необходим также для того, чтобы различать объекты.

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

§ без увеличения размера при помощи цвета можно передать некоторые детали изображения.

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

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

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

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

В этом разделе:

излучаемый и отражённый свет в компьютерной графике; формирование цветовых оттенков на экране монитора; формирование цветовых оттенков при печати изображений.

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

Понимать особенности каждой цветовой модели

Уметь определять тот или иной цвет, используя различные цветовые модели

Понимать, как различные графические программы решают вопрос кодирования цвета

Мы видим предметы потому, что они излучают или отражают свет.

Свет - электромагнитное излучение.

Излучаемый свет - это свет, выходящий из источника, например, Солнца, лампочки или экрана монитора.

Отражённый свет - это свет, «отскочивший » от поверхности объекта. Именно его мы видим, когда смотрим на какой-либо предмет, не являющийся .

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

DIV_ADBLOCK586">

Система аддитивных цветов

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

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

красный + синий = пурпурный,

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

красный + зеленый + синий = белый.

Таким образом, аддитивный (add - присоединять) цвет получается при объединении (суммировании) лучей трех основных цветов - красного, зеленого и синего. Если интенсивность каждого из них достигает 100%, то получается белый цвет. Отсутствие всех трех цветов дает черный цвет. Систему аддитивных цветов, используемую в компьютерных мониторах, принято обозначать аббревиатурой RGB .

https://pandia.ru/text/78/172/images/image003_201.jpg" width="567" height="445 src=">

Рис. 3. Диалоговое окно для выбора цвета в программе Adobe Photoshop

В большинстве программ для создания и редактирования изображений пользователь имеет возможность сформировать свой собственный цвет (в дополнение к предлагаемым палитрам), используя красную, зеленую и синюю компоненты. Как правило, графические программы позволяют комбинировать требуемый цвет из 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего. Как нетрудно подсчитать, 256 х 256 х 256 = 16,7 миллионов цветов. Вид диалогового окна для задания произвольного цветового оттенка в разных программах может быть различным (рис. 2,3,4).

Таким образом, пользователь может выбрать готовый цвет из встроенной палитры или создать свой собственный оттенок, указав в полях ввода значения яркостей R , G и В для красной, зеленой и синей цветовых составляющих в диапазоне от 0 до 255 (рис. 2,3,4).

DIV_ADBLOCK587">

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

Система субтрактивны х цветов

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

голубой + пурпурный + жёлтый = чёрный,

голубой + пурпурный = синий,

жёлтый + пурпурный = красный,

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

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

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

Систему субтрактивн ы х цветов обозначают аббревиатурой CMYK (чтобы не возникла путаница с Blue, для обозначения Black используется символ К).

Процесс четырёхцветной печати можно разделить на два этапа.

1. Создание на базе исходного рисунка четырёх составляющих изображений голубого, пурпурного, жёлтого и чёрного цветов.

2. Печать каждого из этих изображений одного за другим на одном и том же листе бумаги.

Разделение цветного рисунка на четыре компоненты выполняет специальная программа цветоделения. Если бы принтеры использовали систему CMY (без добавления чёрной краски), преобразование изображения из системы RGB в систему CMY было бы очень простым: значения цветов в системе CMY - это просто инвертированные значения системы RGB. На схеме «цветовой круг» (рис. 5) показана взаимосвязь основных цветов моделей RGB и CMY . Смесь красного и зелёного даёт жёлтый, жёлтого и голубого - зелёный, красного и синего - пурпурный и т. д.

100%" style="width:100.0%">

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

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

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

https://pandia.ru/text/78/172/images/image007_146.jpg" width="464" height="429 src=">

Рис. 7. Диалоговое окно программы CorelDraw для формирования цвета в системе HSB

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

В результате перемещения метки в виде маленького квадратика (рис. 7) по внутренней части цветового прямоугольника изменяются насыщенность и яркость выбранного тона. В левом верхнем углу прямоугольника цвет становится максимально размытым (почти белым). В правом нижнем углу яркость его цвета минимальна. В Adobe PhotoShop (рис. 3) изменение насыщенности и яркости выполняется в результате перемещения метки в виде окружности внутри цветового поля. В графическом редакторе Paint цветовое поле позволяет выбирать тон и насыщенность (контраст), а яркость устанавливается с помощью специального регулятора (рис. 4).

Контрольные вопросы

1. В чём состоит отличие излучаемого и отражённого света?

2. Какие методы описания цвета вам известны?

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

4. Как сформировать свой собственный цвет при работе в каком-нибудь графическом пакете?

5. Почему система цветов RGB не может быть использована для создания изображений на печатаемой странице?

6. Какие базовые цвета используются для формирования цвета в системе цветов CMYK?

7. В чём заключается процесс четырёхцветной печати?

8. Почему цвета, созданные на экране, не всегда можно воспроизвести при печати?

9. Как описывается цвет в системе цветов HSB?

В этом разделе:

излучаемый и отражённый свет в компьютерной графике;

формирование цветовых оттенков на экране монитора;

формирование цветовых оттенков при печати изображений.

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

понимать особенности каждой цветовой модели

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

понимать, как различные графические программы решают вопрос кодирования цвета

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

Мы видим предметы потому, что они излучают или отражают свет.

Свет - электромагнитное излучение.

Излучаемый свет - это свет, выходящий из источника, например, Солнца, лампочки или экрана монитора.

Отражённый свет - это свет, «отскочивший» от поверхности объекта. Именно его мы видим, когда смотрим на какой-либо предмет, не являющийся источником света.

Рис. 1. Излучение, отражение и поглощение света

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

Система аддитивных цветов

Если с близкого расстояния (а ещё лучше с помощью лупы) посмотреть на экран работающего монитора или телевизора, то нетрудноувидеть множество мельчайших точек красного (Red), зелёного (Green) и синего (Blue) цветов. Дело в том, что на поверхности экранaрасположены тысячи фосфоресцирующих цветовых точек, которые бомбардируются электронами с большой скоростью. Цветовые точки излучают свет под воздействием электронного луча. Так как размеры этих точек очень малы (около 0,3 мм в диаметре), соседние разноцветные точки сливаются, формируя все другие цвета и оттенки, например:

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

красный + синий = пурпурный,

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

красный + зеленый + синий = белый.

Таким образом, аддитивный (add - присоединять) цвет получается при объединении (суммировании) лучей трёх основных цветов -красного, зелёного и синего. Если интенсивность каждого из них достигает 100%, то получается белый цвет. Отсутствие всех трёх цветов даёт чёрный цвет. Систему аддитивных цветов, используемую в компьютерных мониторах, принято обозначать аббревиатурой RGB.

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

Таким образом, пользователь может выбрать готовый цвет из встроенной палитры или создать свой собственный оттенок, указав в полях ввода значения яркостей R, G и В для красной, зелёной и синей цветовых составляющих в диапазоне от 0 до 255.

В программе CorelDRAW! цветовая модель RGB дополнительно представляется в виде трёхмерной системы координат, в которой нулевая точка соответствует чёрному цвету. Оси координат соответствуют основным цветам, а каждая из трёх координат в диапазоне от 0 до 255 отражает «вклад» того или иного основного цвета в результирующий оттенок. Перемещение указателей («ползунков») по осям системы координат влияет на изменение значений в полях ввода, и наоборот. На диагонали, соединяющей начало координат и точку, в которой все составляющие имеют максимальный уровень яркости, располагаются оттенки серого цвета - от чёрного до белого (оттенки серого цвета получаются при равных значениях уровней яркости всех трёх составляющих).

Система субтрактивных цветов

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

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

голубой + пурпурный + жёлтый = чёрный,

голубой + пурпурный = синий,

жёлтый + пурпурный = красный,

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

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

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

Систему субтрактивных цветов обозначают аббревиатурой CMYK (чтобы не возникла путаница с Blue , для обозначения Black используется символ К).

Процесс четырёхцветной печати можно разделить на два этапа.

2. Печать каждого из этих изображений одного за другим на одном и том же листе бумаги.

Разделение цветного рисунка на четыре компоненты выполняет специальная программа цветоделения. Если бы принтеры использовали систему CMY (без добавления чёрной краски), преобразование изображения из системы RGB в систему CMY было бы очень простым: значения цветов в системе CMY - это просто инвертированные значения системы RGB . На схеме «цветовой круг» (рис. 2) показана взаимосвязь основных цветов моделей RGB и CMY. Смесь красного и зелёного даёт жёлтый, жёлтого и голубого - зелёный, красного и синего - пурпурный и т. д.

Таким образом, цвет каждого треугольника на рис. 2 определяется как сумма цветов смежных к нему треугольников. Но из-за необходимости добавлять чёрную краску, процесс преобразования становится значительно сложнее. Если цвет точки определялся смесью цветовRGB , то в новой системе он может определяться смесью значений CMY плюс ещё включать некоторое количество чёрного цвета. Для преобразования данных системы RGB в систему CMYK программа цветоделения применяет ряд математических операций. Если пиксель в системе RGB имел чистый красный цвет (100% R, 0% G, 0% В), то в системе CMYK он должен иметь равные значения пурпурного и жёлтого (0% С, 100% М, 100% Y, 0% К).

В приведённой здесь таблице для примера представлено описание нескольких цветов с использованием моделей RGB и CMYK (диапазон изменения составляющих цвета - от 0 до 255).

Таблица 1

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

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

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

Существуют программы (например, CorelDraw ! и Adobe Pho toShop ), которые позволяют создавать на экране рисунки не только в системе RGB, но и в цветах CMYK . Для создания произвольного цвета в системе CMYK необходимо указать процентное содержание каждого основного цвета аналогично тому, как это делается при работе с RGB-моделью. Тогда, глядя на экран, пользователь сможет увидеть, как рисунок будет выглядеть при печати.

Система «Тон - Насыщенность - Яркость»

Системы цветов RGB и CMYK базируются на ограничениях, накладываемых аппаратным обеспечением (мониторами компьютеров и типографскими красками). Более интуитивным способом описания цвета является его представление в виде тона (Hue ), насыщенности(Saturation ) и яркости (Brightness ). Для такой системы цветов используется аббревиатура HSB . Тон - конкретный оттенок цвета: красный, жёлтый, зелёный, пурпурный и т. п. Насыщен ность характеризует «чистоту» цвета: уменьшая насыщенность, мы «разбавляем» его белым цветом. Яркость же зависит от количества чёрной краски, добавленной к данному цвету: чем меньше черноты, тем больше яркость цвета. Для отображения на мониторе компьютера система HSB преобразуется в RGB, а для печати на принтере - в систему CMYK . Можно создать произвольный цвет, указав в полях ввода Н, S и В значения для тона, насыщенности и яркости из диапазона от 0 до 255.

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