CSS rgb() Function

❮ CSS Functions Reference

Example

Define different 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 define colors using the Red-green-blue (RGB) model.

An RGB color value is specified with: rgb(red, green, blue). Each parameter defines the intensity of that color and can be an integer between 0 and 255 or a percentage value (from 0% to 100%).

For example, the rgb(0,0,255) value is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.

Version: CSS2

Browser Support

The numbers in the table specify the first browser version that fully 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 intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100%
green Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100%
blue Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100%

❮ CSS Functions Reference

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.