Цвета CSS RGB

Значение цвета RGB представляет КРАСНЫЙ, ЗЕЛЕНЫЙ и СИНИЙ источники света.

Значение RGB

В CSS цвет можно указать как значение RGB, используя следующую формулу:

RGB ( красный, зеленый , синий )

Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета в диапазоне от 0 до 255.

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

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

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

Поэкспериментируйте, смешав значения RGB ниже:

RGB(255, 99, 71)

КРАСНЫЙ

255

ЗЕЛЕНЫЙ

СИНИЙ

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(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

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

Значение цвета RGBA указывается с помощью:

rgba ( красный, зеленый , синий, альфа )

Альфа-параметр — это число от 0,0 (полностью прозрачный) до 1,0 (совсем непрозрачный):

Поэкспериментируйте, смешав приведенные ниже значения RGBA:

RGBA (255, 99, 71, 0,5)

КРАСНЫЙ

255

ЗЕЛЕНЫЙ

СИНИЙ

АЛЬФА

0,5

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)