HEX / HTML

Цвет в формате HEX - это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 - красный, 22 - зелёный, 33 - синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

1. h1 { color: #ff0000; } /* красный */
2. h2 { color: #00ff00; } /* зелёный */
3. h3 { color: #0000ff; } /* синий */
4. h4 { color: #00f; } /* тот же синий, сокращённая запись */

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

1. h1 { color: rgb(255, 0, 0); } /* красный */
2. h2 { color: rgb(0, 255, 0); } /* зелёный */
3. h3 { color: rgb(0, 0, 255); } /* синий */
4. h4 { color: rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

RGBA

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

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

1. h1 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
2. h2 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
3. h3 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
4. h4 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
5. h5 { color: rgba(0, 0, 255, 0); } /* полностью прозрачный */

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

HSL

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

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

1. h1 { color: hsl(120, 100%, 50%); } /* зелёный */
2. h2 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
3. h3 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
4. h4 { color: hsl(120, 60%, 70%); } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

1. h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
2. h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
3. h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
4. h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
5. h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

CMYK

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

Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).

Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 - жёлтой краски, и 46 - чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).

HSB / HSV

HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.

HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).

XYZ

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

Цветовая модель RGB (от англ. Red, Green, Blue - красный, зелёный, синий) - аддитивная цветовая модель, описывающая способ синтеза цвета для цветовоспроизведения. В российской традиции иногда обозначается как КЗС.

История
В 1861 г. английский физик Джеймс Кларк Максвелл выступил с предложением использовать способ получения цветного изображения, который известен как - аддитивное слияние цветов. Аддитивная (суммирующая) система цветопередачи означает, что цвета в этой модели добавляются к черному (Black) цвету. Аддитивное смещение цветов можно трактовать как, - процесс объединения световых потоков различных цветов до того, как они достигнут глаза.
Аддитивными моделями цвета (от англ. add - складывать) называются цветовые модели, в которых световой поток со спектральным распределением, визуально воспринимающимся как нужный цвет, создается на основе операции пропорционального смешивания света, излучаемого тремя источниками. Схемы смешивания могут быть различными, одна из них представлена на
Аддитивная модель цвета предполагает, что каждый из источников света имеет свое постоянное спектральное распределение, а его интенсивность регулируется.
Существуют две разновидности аддитивной модели цвета: аппаратно зависимая и перцептивная. В аппаратно-зависимой модели цветовое пространство зависит от характеристик устройства вывода изображения (монитора, проектора). Из-за этого одно и то же изображение, представленное на основе такой модели, при воспроизведении на различных устройствах будет восприниматься визуально немного по-разному.
Перцептивная модель построена с учетом особенностей зрения наблюдателя, а не технических характеристик устройства.
В 1931 г. Международная комиссия по освещению (CIE) стандартизовала цветовую систему, а также завершила работу, позволившую создать математическую модель человеческого зрения. Было принято цветовое пространство CIE 1931 XYZ, являющееся базовой моделью по сей день.

Механизм формирования цветов
При восприятии цвета человеком именно они непосредственно воспринимаются глазом. Остальные цвета представляют собой смешение трех базовых цветов в разных соотношениях.На представлена цветовая модель . R+G=Y (Yellow - желтый); G+B=C (Cyan - голубой); B+R=M (Magenta - пурпурный).Сумма всех трех основных цветов в равных долях дает белый (White) цвет R+G+B=W (White - белый). Например, на экране монитора с электронно-лучевой трубкой, а также аналогичного телевизора изображение строится при помощи засветки люминофора пучком электронов. При таком воздействии люминофор начинает излучать свет. В зависимости от состава люминофора, этот свет имеет ту или иную окраску.
Промежуточные оттенки получаются за счет того, что разноцветные зерна расположены близко друг к другу. При этом их изображения в глазу сливаются, а цвета образуют некоторый смешанный оттенок. Если же зерна одного цвета засветить не так, как остальные, то смешанный цвет не будет оттенком серого, а приобретет окраску. Такой способ формирования цвета напоминает освещение белого экрана в полной темноте разноцветными прожекторами. Если кодировать цвет одной точки изображения тремя битами, каждый из которых будет являться признаком присутствия (1) или отсутствия (0) соответствующей компоненты системы, RGB 1 бит на каждый компонент RGB то мы получим все восемь различных цветов . На практике же, для сохранения информации о цвете каждой точки цветного изображения в модели RGB обычно отводится 3 байта (т.е. 24 бита) по 1 байту (т.е. по 8 бит) под значение цвета каждой составляющей. Таким образом, каждая RGB-составляющая может принимать значение в диапазоне от 0 до 255 (всего 2 в 8 степени = 256 значений). Поэтому можно смешивать цвета в различных пропорциях, изменяя яркость каждой составляющей. Таким образом, можно получить 256 х 256 х 256 = 16 777 216 цветов. Изменяющиеся в диапазоне от 0 до 255 координаты RGB образуют цветовой куб. . Любой цвет расположен внутри этого куба и описывается своим набором координат, показывающем в каких долях смешаны в нем красная, зеленая и синяя составляющие. Возможность отобразить не менее 16,7 миллиона оттенков это полно цветные типы изображения которые иногда называют True Color (истинные или правдивые цвета). потому что человеческий глаз все равно не в силах различить большего разнообразия. Максимальная яркость всех трех базовых составляющих соответствует белому цвету, минимальная - черному цвету. Поэтому белый цвет имеет в десятеричном представлении код (255,255,255), а в шестнадцатеричном - FFFFFF. Черный цвет кодирует соответственно (0,0,0) или 000000. Все оттенки серого цвета образуются смешиванием трех составляющих одинаковой яркости. Например, при значениях (200,200,200) или C8C8C8 получается светло-серый цвет, а при значениях (100,100,100) или 646464 - темно-серый. Чем более темный оттенок серого нужно получить, тем меньшее число нужно вводить в каждое текстовое поле. Черный цвет образуется, когда интенсивность всех трех составляющих равна нулю, а белый - когда их интенсивность максимальна.

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

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

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

Используемые источники
1. Домасев М. В. Цвет, управление цветом, цветовые расчеты и измерения. Санкт-Петербург: Питер 2009 г.
2. Петров М. Н. Компьютерная графика. Учебник для вузов. Санкт-Петербург: Питер 2002 г.
3. ru.wikipedia.org/wiki/Цветовая модель.
4. darkroomphoto.ru
5. bourabai.kz/graphics/0104.htm
6. litpedia.ru
7. youtube.com/watch?v=sA9s8HL-7ZM

В российской традиции иногда обозначается как КЗС .

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

Аддитивной она называется потому, что цвета получаются путём добавления (англ. addition ) к черному. Иначе говоря, если цвет экрана, освещённого цветным прожектором, обозначается в RGB как (r 1 , g 1 , b 1), а цвет того же экрана, освещенного другим прожектором, - (r 2 , g 2 , b 2), то при освещении двумя прожекторами цвет экрана будет обозначаться как (r 1 +r 2 , g 1 +g 2 , b 1 +b 2).

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

Определение

Цветовая модель RGB была изначально разработана для описания цвета на цветном мониторе, но, поскольку, мониторы разных моделей и производителей различаются, были предложены несколько альтернативных цветовых пространств, соответствующих «усредненному» монитору. К таким относятся, например, sRGB и Adobe RGB.

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

Представление базисных цветов RGB согласно рекомендациям ITU , в пространстве кельвинов (дневной свет)

Красный: x=0.64 y=0.33 Зелёный: x=0.29 y=0.60 Синий: x=0.15 y=0.06

Матрицы для перевода цветов между системами RGB и яркости при преобразовании изображения в чёрно-белое):

X = 0.431*R+0.342*G+0.178*B Y = 0.222*R+0.707*G+0.071*B Z = 0.020*R+0.130*G+0.939*B R = 3.063*X-1.393*Y-0.476*Z G = -0.969*X+1.876*Y+0.042*Z B = 0.068*X-0.229*Y+1.069*Z

Числовое представление

RGB-цветовая модель представленная в виде куба

Для большинства приложений значения координат r, g и b можно считать принадлежащими отрезку , что представляет пространство RGB в виде куба 1×1×1.

COLORREF

COLORREF - стандартный тип для представления цветов в Win32 . Использует для определения цвета в RGB виде. Размер - 4 байта. При определении какого-либо RGB цвета, значение переменной типа COLORREF можно представить в шестнадцатиричном виде так:

0x00bbggrr

rr, gg, bb - значение интенсивности соответственно красной, зеленой и синей составлющих цвета. Максимальное их значение - 0xFF.

Определить переменную типа COLORREF можно следующим образом:

COLORREF C = (b,g,r);

b, g и r - интенсивность (в диапазоне от 0 до 255) соответственно синей, зеленой и красной составляющих определяемого цвета C. То есть ярко-красный цвет может быть определён как (255,0,0), ярко-фиолетовый - (255,0,255), чёрный - (0,0,0), а белый - (255,255,255)

Цветовые модели RGB и CMY (CMYK)

RGB (для дисплеев) и CMYK (для печати) являются наиболее распространенными системами представления цвета.

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

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

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

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

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

Система цветопередачи RGB

RGB (англ. Red, Green, Blue – красный, зеленый, синий) – аддитивная цветовая модель (англ. Additive Primary Model), описывающая способ синтеза цвета для цветовоспроизведения. Аддитивной модель называется потому, что цвета получаются путем добавления (англ. addition ) к черному цвету. Выбор основных цветов в RGB обусловлен особенностями физиологии восприятия цвета сетчаткой человеческого глаза.

Модель RGB используется для воспроизведения спектра видимого света и представляет все то, что передает, фильтрует или ощущает световые волны (например, монитор, сканер или глаз) (рис. 7.5). Для создания различных цветов складываются разные уровни основных цветов (красного, зеленого и синего). Черный цвет – это отсутствие любого света.

Рис. 7.5.

Изображение в данной цветовой модели состоит из трех каналов. При смешении основных цветов, например, синего (В ) и красного (/?), мы получаем дополнительный пурпурный (англ. М – magenta ), при смешении зеленого (G ) и красного (R ) – дополнительный желтый (англ. Y – yellow ), при смешении зеленого (G ) и синего (В ) – дополнительный циановый (англ. С – cyan ). При смешении всех трех цветовых компонентов мы получаем белый цвет. В телевизорах и мониторах применяются три электронных пушки (светодиода, светофильтра) для красного, зеленого и синего каналов.

Числовое отображение RGB

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

COLORREF – стандартный тип для представления цветов в операционной системе Win32. Используется для определения цвета в RGB-виде. Размер – 4 байта.

Определить переменную типа COLORREF можно следующим образом:

COLORREFC = RGB (r,g, b ),

где г, g и b – интенсивность (в диапазоне от 0 до 255) соответственно красной, зеленой и синей составляющих определяемого цвета С.

Следовательно, ярко-синий цвет может быть определен как (0,0,255), красный – как (255,0,0), ярко-фиолетовый – (255,0,255), черный – (0,0,0), а белый – (255,255,255).

В HTML используется #RrGgBb-запись, называемая также шестнадцатеричной: каждая координата записывается в виде двух шестнадцатеричных цифр, без пробелов (цвета HTML см. далее). Например, #RrGgBb- запись белого цвета – #FFFFFF.

Для справки

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

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

Также распространены Adobe RGB и ProPhoto RGB. Цветовое пространство ProPhoto RGB, также известное как ROMM RGB (от англ. Reference Output Medium Metric – метрика образцового выходного материала), является цветовым пространством RGB, предназначенным для обработки фотографий и ориентированным на выходной материал. Стандарт разработан компанией Kodak, он предлагает особо широкий охват, предназначенный для фотоизображений.

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

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

• Графический редактор – программа (или пакет программ), предназначенная для создания и обработки графических файлов.