CSS: rgb()

RGB function using integers, with opacity

RGB color by integer, 0 to 255

Syntax, with space separator

/* 3 integers, separated by space */
p {
 background-color: rgb(255 215 0);
}

/* percentage */
p {
 background-color: rgb(100% 84% 0%);
}

Opacity (optional)

/* color with opacity */

/* a decimal value between 0 and 1 */
p {
 background-color: rgb(255 215 0 / 0.5);
}

/* can also be a percentage */
p {
 background-color: rgb(255 215 0 / 50%);
}

Syntax, with comma separator (legacy)

/* comma as separator */
p {
 background-color: rgb(255, 215, 0);
}

/* percentage */
p {
 background-color: rgb(100%, 84%, 0%);
}

rgba function (legacy)

• there was a legacy function rgba.
• rgba is for rgb with opacity (“a” for “alpha channel”), separate from rgb function.
• today as of 2026-05-12, they are merged. rgba is an alias to rgb function.

when is css rgba legacy function.

• Officially since CSS Color Module Level 4 (the current standard).
• Browsers started supporting the modern syntax around 2018–2019.
• By 2022–2023, the spec and the community started clearly calling the old rgba() syntax legacy.

rgba(red, green, blue, opacity)

• red green blue each can either be a integer from 0 to 255, or a percentage from 0% to 100%.
• opacity should be from 0 to 1.

p.x {
 background-color: rgba(255, 215, 0, 0.5);
}

p.y {
 background-color: rgba(100%, 84%, 0%, 50%);
}