HTML Colors

Previous
Next Chapter
Colors are displayed combining RED, GREEN, and BLUE light.

Color Values
CSS colors are defined using a hexadecimal (hex) notation for the combination of Red, Green,
and Blue color values (RGB). The lowest value that can be given to one of the light sources is 0
(hex 00). The highest value is 255 (hex FF).
Hex values are written as 3 double digit numbers, starting with a # sign.

Color Examples
Color

Color HEX
#000000
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#C0C0C0
#FFFFFF

Color RGB
rgb(0,0,0)
rgb(255,0,0)
rgb(0,255,0)
rgb(0,0,255)
rgb(255,255,0)
rgb(0,255,255)
rgb(255,0,255)
rgb(192,192,192)
rgb(255,255,255)

Try it yourself

16 Million Different Colors

The combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16
million different colors to play with (256 x 256 x 256).
Most modern monitors are capable of displaying at least 16384 different colors.

If you look at the color table below, you will see the result of varying the red light from 0 to 255,
while keeping the green and blue light at zero.
To see a full list of color mixes when the red light varies from 0 to 255, click on one of the hex or
rgb values below.
Red Light

HEX
#000000
#080000
#100000
#180000
#200000
#280000
#300000
#380000
#400000
#480000
#500000
#580000
#600000
#680000
#700000
#780000
#800000
#880000
#900000
#980000
#A00000
#A80000
#B00000
#B80000
#C00000
#C80000
#D00000
#D80000
#E00000
#E80000
#F00000
#F80000
#FF0000

RGB
rgb(0,0,0)
rgb(8,0,0)
rgb(16,0,0)
rgb(24,0,0)
rgb(32,0,0)
rgb(40,0,0)
rgb(48,0,0)
rgb(56,0,0)
rgb(64,0,0)
rgb(72,0,0)
rgb(80,0,0)
rgb(88,0,0)
rgb(96,0,0)
rgb(104,0,0)
rgb(112,0,0)
rgb(120,0,0)
rgb(128,0,0)
rgb(136,0,0)
rgb(144,0,0)
rgb(152,0,0)
rgb(160,0,0)
rgb(168,0,0)
rgb(176,0,0)
rgb(184,0,0)
rgb(192,0,0)
rgb(200,0,0)
rgb(208,0,0)
rgb(216,0,0)
rgb(224,0,0)
rgb(232,0,0)
rgb(240,0,0)
rgb(248,0,0)
rgb(255,0,0)

Shades of Gray
Gray colors are displayed using an equal amount of power to all of the light sources. To make it
easier for you to select the right gray color we have compiled a table of gray shades for you:
Gray Shades

HEX
#000000
#080808
#101010
#181818
#202020
#282828
#303030
#383838
#404040
#484848
#505050
#585858
#606060
#686868
#707070
#787878
#808080
#888888
#909090
#989898
#A0A0A0
#A8A8A8
#B0B0B0
#B8B8B8
#C0C0C0
#C8C8C8
#D0D0D0
#D8D8D8
#E0E0E0
#E8E8E8
#F0F0F0
#F8F8F8
#FFFFFF

RGB
rgb(0,0,0)
rgb(8,8,8)
rgb(16,16,16)
rgb(24,24,24)
rgb(32,32,32)
rgb(40,40,40)
rgb(48,48,48)
rgb(56,56,56)
rgb(64,64,64)
rgb(72,72,72)
rgb(80,80,80)
rgb(88,88,88)
rgb(96,96,96)
rgb(104,104,104)
rgb(112,112,112)
rgb(120,120,120)
rgb(128,128,128)
rgb(136,136,136)
rgb(144,144,144)
rgb(152,152,152)
rgb(160,160,160)
rgb(168,168,168)
rgb(176,176,176)
rgb(184,184,184)
rgb(192,192,192)
rgb(200,200,200)
rgb(208,208,208)
rgb(216,216,216)
rgb(224,224,224)
rgb(232,232,232)
rgb(240,240,240)
rgb(248,248,248)
rgb(255,255,255)

Web Safe Colors?

Some years ago, when computers supported max 256 different colors, a list of 216 "Web Safe
Colors" was suggested as a Web standard, reserving 40 fixed system colors.
This is not important now, since most computers can display millions of different colors, but the
choice is left to you.
The 216 cross-browser color palette was created to ensure that all computers would display the
colors correctly when running a 256 color palette:
000000
003300
006600
009900
00CC00
00FF00
330000
333300
336600
339900
33CC00
33FF00
660000
663300
666600
669900
66CC00
66FF00
990000
993300
996600
999900
99CC00
99FF00
CC0000
CC3300
CC6600
CC9900
CCCC00
CCFF00
FF0000

000033
003333
006633
009933
00CC33
00FF33
330033
333333
336633
339933
33CC33
33FF33
660033
663333
666633
669933
66CC33
66FF33
990033
993333
996633
999933
99CC33
99FF33
CC0033
CC3333
CC6633
CC9933
CCCC33
CCFF33
FF0033

000066
003366
006666
009966
00CC66
00FF66
330066
333366
336666
339966
33CC66
33FF66
660066
663366
666666
669966
66CC66
66FF66
990066
993366
996666
999966
99CC66
99FF66
CC0066
CC3366
CC6666
CC9966
CCCC66
CCFF66
FF0066

000099
003399
006699
009999
00CC99
00FF99
330099
333399
336699
339999
33CC99
33FF99
660099
663399
666699
669999
66CC99
66FF99
990099
993399
996699
999999
99CC99
99FF99
CC0099
CC3399
CC6699
CC9999
CCCC99
CCFF99
FF0099

0000CC
0033CC
0066CC
0099CC
00CCCC
00FFCC
3300CC
3333CC
3366CC
3399CC
33CCCC
33FFCC
6600CC
6633CC
6666CC
6699CC
66CCCC
66FFCC
9900CC
9933CC
9966CC
9999CC
99CCCC
99FFCC
CC00CC
CC33CC
CC66CC
CC99CC
CCCCCC
CCFFCC
FF00CC

0000FF
0033FF
0066FF
0099FF
00CCFF
00FFFF
3300FF
3333FF
3366FF
3399FF
33CCFF
33FFFF
6600FF
6633FF
6666FF
6699FF
66CCFF
66FFFF
9900FF
9933FF
9966FF
9999FF
99CCFF
99FFFF
CC00FF
CC33FF
CC66FF
CC99FF
CCCCFF
CCFFFF
FF00FF

FF3300
FF6600
FF9900
FFCC00
FFFF00

FF3333
FF6633
FF9933
FFCC33
FFFF33

FF3366
FF6666
FF9966
FFCC66
FFFF66

FF3399
FF6699
FF9999
FFCC99
FFFF99

FF33CC
FF66CC
FF99CC
FFCCCC
FFFFCC

FF33FF
FF66FF
FF99FF
FFCCFF
FFFFFF