Цветовое значение 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)
ЗЕЛЕНЫЙ (GREEN)
СИНИЙ (BLUE)
Примеры:
Различные оттенки серого обычно задают определяя одинаковые цветовые параметры функции rgb
:
RGBA значения
Цветовые значения RGBA это расширение цветовых значений RGB. К ним добавляется альфа-канал, который определяет прозрачность для цвета.
Для определения цветового значения RGBA используется CSS функция:
rgba(red, green, blue, alpha)
Для параметра alpha используется число от 0.0 (полная прозрачность) до 1.0 (полная непрозрачность).
Ниже вы можете поэкспериментировать, изменяя различные значения RGBA:
КРАСНЫЙ (RED)
ЗЕЛЕНЫЙ (GREEN)
СИНИЙ (BLUE)
ALPHA
Примеры: