RGB цвета

Цветовое значение RGB представляют смешение составных цветов - КРАСНЫЙ (R), ЗЕЛЕНЫЙ (G), СИНИЙ (B).

RGB значения

Для определения цветового значения RGB используется CSS функция:

rgb(red, green, blue)

Каждый параметр этой функции (red, green и blue) определяет уровень интенсивности соответствующего составного цвета (красный, зеленый и синий), который выражается числом в диапазоне 0-255. Также этот уровень можно определять в процентах.

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

Чтобы получить черный цвет, установите все цветовые параметры на 0 - rgb(0, 0, 0).

Чтобы получить белый цвет, установите все цветовые параметры на 255 - rgb(255, 255, 255).

Ниже вы можете поэкспериментировать, изменяя различные значения RGB:


 


КРАСНЫЙ (RED)

255

ЗЕЛЕНЫЙ (GREEN)

0

СИНИЙ (BLUE)

0

Примеры:

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Различные оттенки серого обычно задают определяя одинаковые цветовые параметры функции rgb:

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

RGBA значения

Цветовые значения RGBA это расширение цветовых значений RGB. К ним добавляется альфа-канал, который определяет прозрачность для цвета.

Для определения цветового значения RGBA используется CSS функция:

rgba(red, green, blue, alpha)

Для параметра alpha используется число от 0.0 (полная прозрачность) до 1.0 (полная непрозрачность).

Ниже вы можете поэкспериментировать, изменяя различные значения RGBA:


 


КРАСНЫЙ (RED)

255

ЗЕЛЕНЫЙ (GREEN)

0

СИНИЙ (BLUE)

0

ALPHA

0

Примеры:

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)