Цвета RGB CSS

Цветовая стоимость RGB

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

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)

Попробуйте сами

Обычно для всех 3 источников света используется одинаковая стоимость для определения серых тени:

Пример

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Попробуйте сами

Цветовая стоимость RGBA

Цветовая стоимость RGBA - это расширение RGB с каналами альфа - это specifies the opacity of the color.

Цветовые значения RGBA указываются следующим образом:

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)

Попробуйте сами