Данная статья пригодится и тем, кто хочет заняться HTML (например, создать свой сайт), так и тем, кто хочет научиться работать или уже работает в фото-редакторах типа "фотошоп", но не знает что такое шестнадцатеричное значение цвета. Ниже вы узнаете что же значат все эти слова в названии темы. А перед этим скажу, что все значения цветов получаются путем смешивания трех главных цветов: R - Red - Красный G - Green - Зеленый B - Blue - Синий

Шестнадцатеричное значение. Для обозначения цвета используются числа в шестнадцатеричном коде (скришот выше). Шестнадцатеричная система основана на числе 16. Значения следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Значения от 10 до 15 заменены латинскими буквами - A, B, C, D, E, F. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу "255" в нашей (десятичной) системе соответствует число "FF" в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки "#", например "#666999". Каждый из трех цветов может принимать значения от 00 до FF (т.е. от 0 до 255 в нашей системе - об этом ниже в разделе RGB). Таким образом, обозначение цвета "#RGGBB",разбивается на 3 составляющие где первые 2 символа отмечают красную (R - Red) компоненту цвета, 2 средних - зеленую (G - Green) , а 2 последних - синюю(B - Blue). Допускается использовать сокращенную форму вида "#RGB", где каждый символ следует удваивать. Так, запись "#FE0" следует расценивать как "#FFEE00". Возьмем из таблицы сверху, например, красный цвет (Имя Red). Как видно в столбце с названием "Код" наш цвет имеет значение "#FF0000" или сокращенно "F00". Первая компонента, т.е красный цвет имеет максимальное значение "FF" (в нашей системе это значение равно 255), а остальные две компоненты имеют значение равное нулю.

Формат RGB и RGBA Для обозначения цвета используются числа в десятичном коде. Каждая из трех компонент цвета принимает значение от 0 до 255 (скриншот выше). Так же можно задавать цвет в процентном отношении. При этом 100% будет соответствовать числу 255. При создании сайта вначале указывается ключевое слово rgb, а затем в скобках, через запятую указываются компоненты цвета, например красный цвет - rgb(255, 0, 0) или rgb(100%, 0%, 0%). Формат RGBA отличается лишь параметром прозрачности и используется только в программировании. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

Формат HSB Название формата HSB образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Brightness (яркость). Оттенок это значение цвета на цветовом круге (скриншот ниже) и задаётся в градусах. 0° - соответствует красному цвету, 120° - зелёному, а 240° - синему. Значение оттенка может изменяться от 0 до 359. Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности. Яркость - это параметр с количеством света, отраженного от объекта, окрашенного в определённый цвет. Измеряется в процентном соотношении. 0% минимальное отражение, любой цвет с минимальной яркостью становится чёрным,а 100% максимальное отражение заданного цвета. Пример на скриншоте сверху.

Формат HSL и HSLA Данный формат похож на HSB, кроме трех моментов:1 - В названии вместо Brightness (яркость) значится Lightness (светлота). 2 - Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее. Крайние значения 0% и 100% соответствуют чёрному и белому цвету. Таким образом если в HSB красный цвет обозначается (0, 100%, 100%), то в HSL - (0, 100%, 50%). На сриншоте ниже Вы можете посмотреть параметры красного цвета в любом формате. 3 - Как и в RGB (RGBA) есть параметр прозрачности - HSLA.

Формат CMYK Используется для печати. Но пару слов скажу. CMYK цвета - это основные цвета, с помощью которых создаются все печатные оттенки. Они были разработаны для минимизации количества красок и если художественные красители обязательно содержат белый цвет, то в печати его заменяет белая поверхность материала. Так же отличием является замена красного цвета на ярко-розовый, а синий на ярко-голубой. Расшифровка CMYK: С - Cyan (ярко-голубой) М - Magenta (ярко-розовый) Y - Yellow (ярко-желтый) K - BlacK (черный).Черная краска, где в аббревиатуру вошла не первая, а последняя буква, что бы не путать с цветом Blue (синим), который используется в цветовой модели RGB. И это не только основные тона для печати, но и цветовая модель, которая может в процентах описать любой оттенок. Такое свойство очень важно для того чтобы объяснить печатной машине уже внутри изображения: какими красками печатать и в какой пропорции. Так изображение можно выразить в числовом виде, где пределом будет 100% для каждого из цветов. Например, красный будет иметь следующую формулу: С – %; М – 100%; Y – 100%; K – 1%