HTML Colors

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

In HTML, a color can be specified by using a color name, an RGB value, or a HEX value.


Color Names

In HTML, a color can be specified by using a color name:

Example

 
Color Name
  Red
  Orange
  Yellow
  Cyan
  Blue

RGB Value

In HTML, a color can also be specified as an RGB value, using this formula: rgb(red, green, blue)

Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.

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

To display the color black, all color parameters must be set to 0, like this: rgb(0,0,0).

To display the color white, all color parameters must be set to 255, like this: rgb(255,255,255).

Experiment by mixing the RGB values below:

Red Green Blue
255 0 0
     
 
rgb(255, 0, 0)

HEX Value

In HTML, a color can also be specified using a hexadecimal value in the form: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF (same as decimal 0-255).

For example, #FF0000 is displayed as red, because red is set to its highest value (FF) and the others are set to the lowest value (00).

Color HEX
  #FF0000
  #FFFF00
  #00FF00
  #00FFFF
  #0000FF

 

Shades of gray are often defined using equal values for all the 3 light sources:

Example

Color HEX
  #000000
  #404040
  #808080
  #CCCCCC
  #FFFFFF