С помощью какой цветовой модели представлен цвет в шестнадцатеричном виде

Цвет

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

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 6.1. Десятичные и шестнадцатеричные числа меньше 16

Десятичные	0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
Шестнадцатеричные	0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Табл. 6.2. Десятичные и шестнадцатеричные числа больше 16

Десятичные	16	17	18	19	20	21	22	23	24	25	26	27	28
Шестнадцатеричные	10	11	12	13	14	15	16	17	18	19	1A	1B	1C

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

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

Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

FA

+

8E

+

47

=

FA8E47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

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

• Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
• Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
• Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

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

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зеленой и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Цвета по названию

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

Табл. 6.3. Названия некоторых цветов

Имя цвета	Цвет	Описание	Шестнадцатеричное значение
black	Черный	#000000
blue	Синий	#0000FF
fuchsia	Светло-фиолетовый	#FF00FF
gray	Темно-серый	#808080
green	Зеленый	#008000
lime	Светло-зеленый	#00FF00
maroon	Темно-красный	#800000
navy	Темно-синий	#000080
olive	Оливковый	#808000
purple	Темно-фиолетовый	#800080
red	Красный	#FF0000
silver	Светло-серый	#C0C0C0
teal	Сине-зеленый	#008080
white	Белый	#FFFFFF
yellow	Желтый	#FFFF00

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

Пример 6.1. Цвет фона и текста

     
Пример текста
  

В данном примере цвет фона задается с помощью атрибута bgcolor тега , а цвет текста через атрибут text . Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal .

Тест по «Web-дизайн». Ответы

2. Какой из следующих элементов используется в качестве структурного контейнера для элементов формы?

Ответ: d

3. Какая из следующих спецификаций правильная для определения цветового стиля?

Ответ: b

4. Сервис валидации W3C CSS представляет собой бесплатный сервис созданный консорциумом Word Wide Web, которая проверяет каскадные таблицы стилей (CSS) на наличие ошибок, опечаток или неправильного использования.

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

• a. предлагает исправления для кроссбраузерной совместимости
• b. говорит вам, какие спецификации вашего CSS-файла не соответствует спецификации CSS
• c. определяет потенциальные риски юзабилити
• d. меняет вашу CSS-спецификацию на основе соответствия требованиям
• e. позволяет загрузить исправленную версию вашего CSS-файла

Ответ: b

5. Пример кода:

Что будет отправлено с формы как значение «options»-элемента, если форма отправляется без изменений?

• a. Null
• b. SELECTED
• c. 1
• d. One
• e. «Three»

Ответ: c

6. Пример кода: H1 .

Этот CSS-код определяет цвет «black» для всех элементов . Что надо добавить в таблицу стилей, чтобы определить цвет «white» только для элемента с атрибутом >

Выберите один ответ:

• a. h1.w1
• b. h1.black
• c. h1
• d. h1
• e. h1#w1

Ответ: a

7. Возможности CSS?

Выберите по крайней мере один ответ:

• a. Управление представлением данных для различных сред, устройств
• b. Изменение HTML-кода веб страницы
• c. Управление визуальным представлением контента
• d. Изменение содержания контента

Ответ: a c

8. Какой тег определяет переход на следующую строку?

Ответ: a

9. Что является основным недостатком использования кэш браузера?

• a. Данные могут быть не обновляемыми.
• b. Вызывают повторение операции.
• c. Увеличивает время загрузки.
• d. Нельзя использоваться шифрование. Некоторые интернет-провайдеры не поддерживают его.

Ответ: a

10. С помощью какой цветовой модели представлен цвет в шестнадцатеричном виде

• a. CMYK т.е. цвет определяется четверкой: C – голубым,M – пурпурным,Y – желтым,K – черным.
• b. Gradient
• c. RGB т.е. цвет определяется тройкой: R – красный, G – зеленый, B – синий
• d. Web-safe
• e. HSB т.е. цвет определяется тройкой: H – оттенок, S – насыщенность, B – яркость

Ответ: c

11. Какие способы верстки Web-страниц есть?

• a. блочные
• b. табличные
• c. иерархические
• d. реляционные

Ответ: a, b

12. Какие действия возможны над селекторами в CSS?

• a. Создание псевдоселекторов
• b. Комбинирование классов, псевдоклассов, классов и идентификаторов
• c. Позиционирование селекторов
• d. Комбинирование классов, псевдоклассов и идентификаторов
• e. Группировка селекторов

Ответ: b, d, e

13. Веб-страница однозначно определяется

• a. изображениями
• b. содержанием
• c. css-файлом
• d. адресом url
• e. веб-сервером

Ответ: d

14. Какие теги из перечисленных ниже определяют элементы-контейнеры?

Ответ: b

15. Пример кода: .important .

В приведенном выше стилевом определении к какому элементу необходимо добавить «!importan» для того что бы цвет при визуализации был желтым

• a. имени
• b. имени класса
• c. идентификатору
• d. свойству стиля
• e. типу
• f. тегу
• g. значению стилевого свойства

Ответ: g

Всем удачи!

Возможно вам так же будет интересно:

• Как сделать загрузочную флешку Windows
• Открываем скрытые файлы и папки в Windows
• Разбираем жесткий диск Seagate
• Новый релиз Joomla 3.9.25
• Осень – время подвести итоги и планы на будущее. Часть 2

Если я Вам помог — оставьте свой отзыв или поделитесь сайтом с друзьями в социальных сетях!

Различия цветовых моделей RGB, CMYK, HSB

Очень часто у людей, напрямую не связанных с полиграфией, возникают вопросы: «Что такое CMYK?», и «Почему нельзя использовать ничего, кроме CMYK?». В этой статье постараемся разобраться, что такое цветовые пространства CMYK, RGB и HSB и почему один и тот же фирменный цвет в макете на экране компьютера и на бумаге выглядит по-разному.

Системы цветопередачи RGB, CMYK и HSB

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

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

Что такое RGB

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

RGB — цветовая модель, названная так по трём заглавным буквам названий цветов, лежащих в ее основе: Red, Green, Blue, или красный, зелёный, синий. Эти же цвета образуют и все промежуточные. Научное название — аддитивная модель (от англ.слова add — «добавлять»). Служит для вывода изображения на экраны мониторов и другие электронные устройства. Обладает большим цветовым охватом.

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

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

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

Как выглядит цветовая модель RGB?

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

• зелёный+синий — голубой (Cian)
• синий+ красный — пурпурный (Magenta)
• красный+зелёный — жёлтый (Yellow)

Что такое CMY(K)

Эти три цвета лежат в основе цветовой модели CMYK — субстрактивная модель (от англ. слова subtraсt — «вычитать»), которая основана на вычитании из белого первичных цветов: голубой цвет вычитает из белого цвета красный, желтый — синий, а пурпурный — зелёный. Модель CMY(K) используется в полиграфии для стандартной триадной печати и в сравнении с RGB-моделью обладает меньшим цветовым охватом. Бумага и другие печатные материалы — это поверхности, которые отражают свет. Согласитесь, гораздо удобнее считать, какое количество света отразилось от той или иной поверхности, чем считать, сколько поглотилось.

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

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

В модель CMYK добавлен дополнительный черный цвет, и на это есть веские причины. В теории при смешении трёх основных цветов должен получиться чёрный цвет. В реальности же в красках есть примеси, и вместо чистого черного получается неопределенный грязно-коричневый. Тем более при печати смешение сразу трёх цветов ради получения черного очень сильно увлажняет бумагу, возрастает риск ее переувлажнения при не всегда идеальных внешних условиях и в силу особенностей самих красителей. Именно поэтому в модель введён чёрный цвет для получения тёмных оттенков и непосредственно самого чёрного. Буква К в названии модели CMYK взята у слова Black, и она обозначает ключевой цвет — Key Color.

Что такое HSB?

Перед тем, как подвести итог, подчеркнём: модели RGB и CMYK не так хорошо соответствуют понятию собственно цвета, как цветовая модель HSB. Это аббревиатура с английских слов: Hue, Saturation, Brightness — тон, насыщенность, яркость. HSB основана на модели RGB, но у неё другая система координат: каждый цвет в этой модели получается путем добавления к основному спектру черной или белой краски. При этом тон — это собственно цвет и есть, насыщенность — процент добавленной к цвету белой краски, а яркость — процент добавленной чёрной краски.

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

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

В чем отличие RGB от CMYK?

Итак, подведем краткий итог:

• RGB — цветовая модель, по которой строятся цвета на экране. Основана на сложении цветов.
• CMYK — цветовая модель, по которой формируется изображение для печати. Основана на вычитании цветов.

Разница между CMYK и RGB заключается в том, что RGB-цвет по сути лишь излучаемый цвет (или свет), а CMYK-цвет — цвет отражаемый (краска). Первый образуется за счёт интенсивности свечения, а второй получается как результат наложения красок в полиграфии. Соответственно, любые изображения в электронном виде — рисунки на мониторе компьютера, фотографии на экране телефона — основываются на RGB-модели. Модель CMYK применяется для полноцветной печати. А чтобы цвета не потерялись, изображение перед печатью выводят из аддитивной модели в субстрактивную. Говоря на языке дизайнеров и специалистов подготовки макетов, модель CMYK — рабочий инструмент офсетной типографии, который выводит цвета на бумагу.

Отличие систем цветопередачи RGB и CMYK

CMYK и RGB: применение на практике

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

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

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

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

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

От выбора цветовой модели зависит размер файла растровых изображений (в Мб):

Модель цвета CMYK

Модель CMYK используется в печати. CMYK использует компоненты циан (C), фуксин (M), желтый (Y) и черный цвет (K), чтобы определить цвет. Значения для этих компонентов колеблются от 0 до 100 процентов.

Модель цвета RGB использует компоненты красный (R), зеленый (G) и синий (B). В 24-битовом изображении каждый компонент выражен как число от 0 до 255.

Модель цвета HSB

Модель RGB

RGB — наиболее популярная цветовая модель и обычно используется по умолчанию.

Модель применяется для высококачественных цветных изображений и поддерживает миллионы цветов. Это также режим для большинства инструментов, включая масштабирование, кадрирование и даже отражение, поскольку он даёт больше информации для работы. В режиме RGB каждая точка состоит из трёх компонентов: красного, зелёного и синего. Каждый из них может принимать значение от 0 до 255. Что вы видите как точку есть сумма значений этих компонентов.

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

Аддитивные цвета (RGB).
А.- Красный B — Зеленый C — Синий D — Желтый E — Пурпурный F — Голубой

Изображения RGB основаны на месте цвета RGB. Каждый из трех компонентов цвета (красный, зеленый и синий) использует 1 или 2 байта на пиксель.
Используя 8 битовую глубину, каждый пиксель может показать 256 х 256 х 256 = 16.777.216 различных цветов.
Изображение RGB (8 битов) с размерами 1024 x 1024 пикселей занимает 3 х 1024 х 1024 байта — 3 МЕГАБАЙТА памяти.

Каждый цветовой канал , включая альфа-канал, имеет диапазон допустимых значений от 0 до 255; в компьютерной терминологии, глубиной 8 бит. Некоторые цифровые камеры могут воспроизводить файлы изображения с глубиной 16 бит на цветовой канал.

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

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

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

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

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

Значения RGB задаются целым числом от 0 до 255. Например, rgb (0,0,255) отображается как синий цвет, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Еще пример обозначения цвета при создании документов html/Css — background: rgb(74, 201, 89);
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
Цвет также можно записать в формате текста (устаревший и неудобный способ записи).
Например: background: black; (цвет фона — черный)

Модель RGBA

Цветовой модель RGBA — расширенный вариант модели RGB, включает поддержку альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
Пример обозначения цвета: background: rgba(74, 201, 89, 0.5);

Битовый массив (Одноцветное изображение — Monochrome Image) — самый простой тип изображений. Каждый пиксел использует только 1 бит (глубина поэтому — 1 бит).
Следовательно, битовый массив не использует много памяти.
Изображение битового массива шириной 1024 пикселей использует 128 байтов в одной строке пикселей. Изображение размерами 1024 x 1024 пикселей потребляет памяти 128 килобайтов.

Серое изображение (Gray Image) — черно-белое изображение
Серое изображение использует (в зависимости от цветной глубины) 1 или 2 байта для каждого пиксела. 1 байт на пиксель приводит к 8-битовым глубинам, 2 байта к 16. Поэтому у серого изображения с 8 битовыми глубинами есть 256 оттенков серого и каждый пиксель может быть любым из этих оттенков.
Серое изображение (8 битов) с размером 1024 x 1024 пикселя занимает 1024 * 1024 байта — 1 МЕГАБАЙТ памяти.

Изображение CMYK (CMYK Image)
Изображение CMYK обычно используется в промышленной печати.
Каждый из четырех цветных компонентов использует 1 или 2 байта на пиксель.
Изображение CMYK (8 битов) с размером 1024 x 1024 пикселя нуждается в 4 * 1024 * 1024 байта — 4 МЕГАБАЙТА памяти.
Обычный пользователь не должен использовать CMYK вообще, потому что стандартные струйные принтеры в состоянии напечатать изображения RGB.

Цвет в формате HEX

HEX (от Hexadecimal) — Шестнадцатеричный.
Цвет в формате HEX — это иное представление RGB (пример обозначения — #123ABC).
Запись в формате HEX — наиболее предпочтительная при создании html/Css — документов.

В HEX цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет.
Пример обозначения цвета HEX — #112233,
где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.
Т.е. первые две цифры — всегда доля красного цвета, вторая пара — зеленого, последняя пара — доля синего цвета.
Если каждая из трёх групп содержит одинаковые символы (например #112233), то можно записать в сокращенном варианте как #123.

Название HSL составлено из: Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
Цвета модели HSL поддерживаются браузерами (в IE9+, Firefox, Chrome, Safari, и в Opera 10+)..

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

Цветовая модель 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) похожа на 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%).

Модель YUV — цветовая модель, в которой цвет состоит из трёх компонентов — яркость (Y) и два цветоразностных компонента (U и V).
Компоненты YUV определены на основе компонент RGB.
Подробнее о модели YUV (Википедия)

Другие цветовые модели — XYZ, LAB.