W3cubDocs

/CSS

rgb()

The rgb() functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.

Try it

Note: CSS Colors Level 4 made some changes to rgb(). In browsers that support the standard rgba() is an alias for rgb(), they accept the same parameters and behave the same way.

The Level 4 specification also allows for space-separated in addition to comma-separated values.

Syntax

rgb(255, 255, 255) /* white */
rgb(255, 255, 255,.5) /* white with 50% opacity */
rgb(255 255 255) /* CSS Colors 4 space-separated values */
rgb(255 255 255 / .5); /* white with 50% opacity, using CSS Colors 4 space-separated values */

Values

Functional notation: rgb(R, G, B[, A])

R (red), G (green), and B (blue) can be either <number>s or <percentage>s, where the number 255 corresponds to 100%. A (alpha) can be a <number> between 0 and 1, or a <percentage>, where the number 1 corresponds to 100% (full opacity).

Functional notation: rgb(R G B[ / A])

CSS Colors Level 4 adds support for space-separated values in the functional notation.

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
rgb
1
12
1
4
3.5
1
≤37
18
4
10.1
1
1.0
alpha_parameter
65
79
52
No
52
12.1
65
65
52
47
12.2
9.0
float_values
66
79
52
No
53
12.1
66
66
52
47
12.2
9.0
space_separated_parameters
65
79
52
No
52
12.1
65
65
52
47
12.2
9.0

© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb