CSS Цвет RGB и RGBA

Цвет RGB

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

rgb(red, green, blue)

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

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

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

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

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

RED

255

GREEN

BLUE

Пример

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 - это расширение значений цвета RGB с альфа каналом, который определяет непрозрачность для цвета и задается с помощью:

rgba(red, green, blue, alpha)

Альфа параметр - это число между 0.0 (полностью прозрачное) и 1.0 (совсем не прозрачное):

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

RED

255

GREEN

BLUE

ALPHA

Пример

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)