Цвета HTML RGB и RGBA
Значение цвета RGB представляет КРАСНЫЙ, ЗЕЛЕНЫЙ и СИНИЙ источники света.
Цветовое значение RGBA является расширением RGB с альфа-каналом (непрозрачностью).
Цветовые значения RGB
В HTML цвет можно указать как значение RGB, используя следующую формулу:
RGB ( красный, зеленый , синий )
Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета со значением от 0 до 255.
Это означает, что существует 256 х 256 х 256 = 16777216 возможных цветов!
Например, rgb(255, 0, 0) отображается красным цветом, потому что для красного установлено максимальное значение (255), а для двух других (зеленый и синий) установлено значение 0.
Другой пример: rgb(0, 255, 0) отображается зеленым цветом, потому что для зеленого установлено максимальное значение (255), а для двух других (красный и синий) установлено значение 0.
Чтобы отобразить черный цвет, установите для всех параметров цвета значение 0, например: rgb(0, 0, 0).
Чтобы отобразить белый цвет, установите для всех параметров цвета значение 255, например: rgb(255, 255, 255).
Поэкспериментируйте, смешав значения RGB ниже:
RGB(255, 99, 71)
КРАСНЫЙ
ЗЕЛЕНЫЙ
СИНИЙ
Пример
Оттенки серого
Оттенки серого часто определяются равными значениями всех трех параметров:
Пример
Цветовые значения RGBA
Цветовые значения RGBA являются расширением цветовых значений RGB с альфа-каналом, который определяет непрозрачность цвета.
Значение цвета RGBA указывается с помощью:
rgba ( красный, зеленый , синий, альфа )
Альфа-параметр — это число от 0,0 (полностью прозрачный) до 1,0 (совсем непрозрачный):
Поэкспериментируйте, смешав приведенные ниже значения RGBA:
RGBA (255, 99, 71, 0,5)
КРАСНЫЙ
ЗЕЛЕНЫЙ
СИНИЙ
АЛЬФА