FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

HTML Colors


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
Try it Yourself »

HTML supports 140 standard color names.


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

Example

Color RGB
  rgb(255,0,0)
  rgb(255,255,0)
  rgb(0,255,0)
  rgb(0,255,255)
  rgb(0,0,255)
Try it Yourself »

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

Example

Color RGB
  rgb(0,0,0)
  rgb(90,90,90)
  rgb(128,128,128)
  rgb(200,200,200)
  rgb(255,255,255)
Try it Yourself »

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).

Example

Color HEX
  #FF0000
  #FFFF00
  #00FF00
  #00FFFF
  #0000FF
Try it Yourself »

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

Example

Color HEX
  #000000
  #404040
  #808080
  #CCCCCC
  #FFFFFF
Try it Yourself »