Функция rgb()

r-g-bФункция rgb() используется для задания цвета за счет комбинации красного (R), зеленого (G) и синего (B) цветов. Цветовая модель RGB генерирует цвета мониторов компьютеров и телевизоров, сканеров и других электронных устройств. Модель RGB является аддитивной цветовой моделью, т.е. цвета генерируются суммированием световых потоков.

rgb
Рис. 1. Цветовая модель RGB

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

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

В CSS RGB-значения для каждой позиции задаются числами от 0 до 255, указанными через запятую. 0 означает отсутствие света, 255 — максимальная яркость.

RED GREEN BLUE
rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)
rgb(248,0,0) rgb(0,248,0) rgb(0,0,248)
rgb(240,0,0) rgb(0,240,0) rgb(0,0,240)
rgb(232,0,0) rgb(0,232,0) rgb(0,0,232)
rgb(224,0,0) rgb(0,224,0) rgb(0,0,224)
rgb(216,0,0) rgb(0,216,0) rgb(0,0,216)
rgb(208,0,0) rgb(0,208,0) rgb(0,0,208)
rgb(200,0,0) rgb(0,200,0) rgb(0,0,200)
rgb(192,0,0) rgb(0,192,0) rgb(0,0,192)
rgb(184,0,0) rgb(0,184,0) rgb(0,0,184)
rgb(176,0,0) rgb(0,176,0) rgb(0,0,176)
rgb(168,0,0) rgb(0,168,0) rgb(0,0,168)
rgb(160,0,0) rgb(0,160,0) rgb(0,0,160)
rgb(152,0,0) rgb(0,152,0) rgb(0,0,152)
rgb(144,0,0) rgb(0,144,0) rgb(0,0,144)
rgb(136,0,0) rgb(0,136,0) rgb(0,0,136)
rgb(128,0,0) rgb(0,128,0) rgb(0,0,128)
rgb(120,0,0) rgb(0,120,0) rgb(0,0,120)
rgb(112,0,0) rgb(0,112,0) rgb(0,0,112)
rgb(104,0,0) rgb(0,104,0) rgb(0,0,104)
rgb(96,0,0) rgb(0,96,0) rgb(0,0,96)
rgb(88,0,0) rgb(0,88,0) rgb(0,0,88)
rgb(80,0,0) rgb(0,80,0) rgb(0,0,80)
rgb(72,0,0) rgb(0,72,0) rgb(0,0,72)
rgb(64,0,0) rgb(0,64,0) rgb(0,0,64)
rgb(56,0,0) rgb(0,56,0) rgb(0,0,56)
rgb(48,0,0) rgb(0,48,0) rgb(0,0,48)
rgb(40,0,0) rgb(0,40,0) rgb(0,0,40)
rgb(32,0,0) rgb(0,32,0) rgb(0,0,32)
rgb(24,0,0) rgb(0,24,0) rgb(0,0,24)
rgb(16,0,0) rgb(0,16,0) rgb(0,0,16)
rgb(8,0,0) rgb(0,8,0) rgb(0,0,8)
rgb(0,0,0) rgb(0,0,0) rgb(0,0,0)

Перевод RGB-формата в HEX

Чтобы перевести rgb-запись цвета в hex-формат, нужно взять каждое значение из трех цветов и разделить его на 16. Целая часть от деления будет первым hex-номером. Дробную часть нужно умножить на 16. Это будет второй hex-номер. Также, некоторые числа заменяются на буквы: 10=A, 11=B, 12=C, 13=D, 14=E, 15=F.

Например, переведем цвет rgb(174,175,12) в hex-формат:

174 ÷ 16 = 10 (.875*16) = AE (A=10, E=14)

175 ÷ 16 = 10 (.9375*16) = AF (A=10, F=15)

12 ÷ 16 = 0 (.75*16) = 0C (C=12)

Таким образом, rgb(174,175,12) эквивалентно #aeaf0c.