CSS rgb() function
Example
Using RGB colors:
#p1 {background-color:rgb(255,0,0);} /*red*/
#p2 {background-color:rgb(0,255,0);} /*green*/
#p3 {background-color:rgb(0,0,255);} /*Blue*/
Try it Yourself »
Definition and usage
The rgb() function uses the superposition of three colors—red (R), green (G), and blue (B)—to generate a variety of colors.
RGB is red, green, blue (English: Red, Green, Blue).
- Red (R)An integer between 0 and 255, representing the red component of the color.
- Green (G)An integer between 0 and 255, representing the green component of the color.
- Blue (B)An integer between 0 and 255, representing the blue component of the color.
Supported version: CSS2
Browser Support
The numbers in the table indicate the first browser version that supports the function.
| Function | |||||
|---|---|---|---|---|---|
| rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
rgb(red, green, blue)
| Value | Description |
|---|---|
| red | Defines the red value, ranging from 0 to 255, which can also be a percentage from 0% to 100%. |
| green | Defines the green value, ranging from 0 to 255, which can also be a percentage from 0% to 100%. |
| blue | Defines the blue value, ranging from 0 to 255, which can also be a percentage from 0% to 100%. |
other extensions