RGB (сокращение от английского: Red, Green, Blue; произносится как “ЭрДжиБи”) – модель, базирующаяся на комбинировании трех основных цветов (красного, зеленого, синего), исходящих от источника света.

Цвета RGB.

Основные цвета RGB, в области представления, могут совмещаться друг с другом, в результате создавая дополнительные: желтый (yellow) – составной из красного с зеленого; пурпурный (magenta или fuchsia) – из красного и синего; голубой (cyan, он же aqua) - из синего и зеленого. Все три цвета вместе воспроизводят белый, а отсутствие освещения – черный.

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

Оттенки зависят от интенсивности излучения: от 0 (отсутствие света) до 255 (максимальное значение), что в конечном результате дает спектральный выбор из 16 777 216 значений. Однако, несмотря на такое обилие цветов, их воспроизведение в полной мере обусловлено аппаратными возможностями оборудования: различные девайсы имеют разные алгоритмы вычисления входящих данных, а реакция цветовых компонентов (люминофоров или красителей) на отдельные каналы R, G, B полностью зависит от производителя, а зачастую и времени эксплуатации, как пример – “подсевший” экран телевизора или монитора.

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

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

Для перевода значений RGB или конвертации в другие цветовые модели (CMYK, HSV, HSL) можно воспользоваться калькулятором цветов.

RGB в CSS, SVG.

Цвет RGB в CSS задается при помощи свойств color, применяется для текста; background-color для фона элемента и border-color для цвета границы. В SVG подобные, но никак не аналогичные, задачи возложены на атрибуты fill и stroke: fill используется для текста или объекта, stroke для линии или контура (обводки). Для указания цвета можно использовать один из следующих вариантов: в десятичном исчислении числами от 0 до 255: rgb(240,200,155); в процентах: rgb(75%,46%,27%) (запрещено совмещать проценты с цифрами: rgb(76%,40,25%), данный синтаксис является ошибкой!), или же шестнадцатеричном коде (Hex).

Шестнадцатеричный код.

Шестнадцатеричный код (hex) является простейшей системой измерений, для исчисления в которой используется 16 символов: десять цифр от 0 до 9 и шесть английских букв - A, B, C, D, E, F, комбинация символов от 00 до FF предоставляет выбор из 256 возможных вариантов (16 х 16 = 256). Каждый цветовой канал может быть представлен попарно, как rr-gg-bb: #03f4d8, или, в случае одинаковых значений в каждой паре (#33-ff-00), возможно сокращенное написание r-g-b: #3f0 или: #3f0F (r-g-b-a). Регистр значения не имеет, допускается написание как прописными, так и заглавными; знак решетки (#) перед кодом является обязательным; последовательность соблюдается для всех вариантов: R, G, B.

RGBA.

Формат RGBA, принятый в CSS 3, добавляет к rgb четвертый параметр – альфа-канал (прозрачность). Альфа-канал определяется с использованием десятичных дробей значениями от 0 до 1, или процентов, где ноль означает полную прозрачность, а единица (100%) - отсутствие таковой, к примеру: цвет с параметром 0.5 (50%) будет непрозрачным наполовину. Прозрачность указывается после написания цвета: в целочисленном диапазоне от 0 до 255 – rgba(230, 153, 230, 0.8); в процентах – rgba(90%, 60%, 90%, 80%). Возможно сокращение кода, допустимо использовать в качестве разделителя запятую:rgba(99%,46%,87%,0.8), пробел и косую черту: rgba(220 10 150 / 50%)удалить ноль перед десятичной дробью: rgba(99%,46%,87%,.8).

Указание прозрачности в шестнадцатеричном коде, к примеру: #0033ff66 (RRGGBB + альфа-канал), в данный момент не является нормативным, хотя и поддерживается современными браузерами. Также прозрачность в CSS может быть задана при помощи свойства opacity: {background-color:#b71eb8; opacity:0.4;}, в SVG для определения прозрачности используем атрибуты stroke-opacity и fill-opacity.