RGB-цвета в CSS

Значение RGB

Значение цвета RGB задаёт количество красного, зелёного и синего света.

В CSS оно записывается как rgb(red, green, blue). Каждое значение находится в диапазоне от 0 до 255 и задаёт интенсивность этого цвета.

Например, rgb(255, 0, 0) — это красный, потому что красный на максимуме (255), а остальные равны 0. Установите все три в 0 для чёрного (rgb(0, 0, 0)) и все в 255 для белого (rgb(255, 255, 255)).

Цвета RGB

Шесть цветов, записанных как значения rgb().

Prompt
Страница HTML, показывающая несколько цветов, записанных как значения rgb(). Создайте шесть заголовков с фоновыми цветами: rgb(255, 0, 0), rgb(0, 0, 255), rgb(60, 179, 113), rgb(238, 130, 238), rgb(255, 165, 0) и rgb(106, 90, 205). Подпишите каждый его значением.
Результат: полная HTML-страница

Оттенки серого

Оттенки серого получаются, если задать красному, зелёному и синему одинаковое значение.

Prompt
Страница HTML, показывающая оттенки серого, созданные равными значениями RGB. Создайте шесть заголовков с фоновыми цветами, где красный, зелёный и синий равны: rgb(60, 60, 60), rgb(90, 90, 90), rgb(120, 120, 120), rgb(180, 180, 180), rgb(210, 210, 210) и rgb(240, 240, 240). Подпишите каждый.
Результат: полная HTML-страница

Значение RGBA

RGBA добавляет альфа-канал к RGB, который задаёт прозрачность цвета.

Записывается как rgba(red, green, blue, alpha). Альфа — число от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

Прозрачность RGBA

Один и тот же цвет с возрастающими значениями альфа — от полностью прозрачного до полностью непрозрачного.

Prompt
Страница HTML, показывающая один и тот же цвет RGB на разных уровнях альфа (прозрачности) с помощью rgba(). Создайте шесть заголовков с фоновым цветом rgba(255, 99, 71, A), где A принимает значения 0, 0.2, 0.4, 0.6, 0.8 и 1. Подпишите каждый его значением, чтобы было понятно увеличение непрозрачности.
Результат: полная HTML-страница