Справочник HTML & CSS

rgb()

Цвет из красной, зелёной и синей составляющих, по желанию с прозрачностью.

Синтаксис

rgb(red green blue / alpha)

Параметры

Параметр	Тип	Описание
red green blue	0–255	Три числа от 0 до 255 через пробел.
alpha	0–1	После косой черты: непрозрачность от 0 до 1 или в процентах.

Примеры

Непрозрачный и полупрозрачный цвет:

<p style="background: rgb(255 99 71); padding: 8px;">rgb(255 99 71)</p>
<p style="background: rgb(255 99 71 / 0.4); padding: 8px;">rgb(255 99 71 / 0.4) — semi-transparent</p>

Примечания

Старая запись через запятые, rgba(255, 99, 71, 0.4), по-прежнему работает; современная — через пробелы и косую черту, и отдельная rgba() ей не нужна.

См. также

hsl() — Цвет по тону, насыщенности и светлоте.
oklch() — Цвет в пространстве OKLCH: воспринимаемая светлота, насыщенность и тон.
color — Цвет текста (а также цвет рамок и SVG-значков по умолчанию).
opacity — Прозрачность всего элемента вместе с содержимым.

Вопросы и ответы по теме

В учебнике

Цвета — Цвет текста и фона, способы записи цвета в CSS — названия, hex, rgb() и hsl() — и прозрачность.

Спасибо, что читаете!