When you're adding a color to your Web page with HTML,
sometimes you can just type in the name of the color. But more often than
not, you'll need to use what's called the hex code, which is something
that the browser will be able to understand. Choose a color from the list
below and look to its left to get the hex code. If we wanted our background
to be red, for example, we'd type bgcolor="#FF0000". Try it out! |
|
Hex Code
|
Color
|
|
|
|
#FFFFFF
|
|
|
#FFFFCC
|
|
|
#FFFF99
|
|
|
#FFFF66
|
|
|
#FFFF33
|
|
|
#FFFF00
|
|
|
#FFCCFF
|
|
|
#FFCCCC
|
|
|
#FFCC99
|
|
|
#FFCC66
|
|
|
#FFCC33
|
|
|
#FFCC00
|
|
|
#FF99FF
|
|
|
#FF99CC
|
|
|
#FF9999
|
|
|
#FF9966
|
|
|
#FF9933
|
|
|
#FF9900
|
|
|
#FF66FF
|
|
|
#FF66CC
|
|
|
#FF6699
|
|
|
#FF6666
|
|
|
#FF6633
|
|
|
#FF6600
|
|
|
#FF33FF
|
|
|
#FF33CC
|
|
|
#FF3399
|
|
|
#FF3366
|
|
|
#FF3333
|
|
|
#FF3300
|
|
|
#FF00FF
|
|
|
#FF00CC
|
|
|
#FF0099
|
|
|
#FF0066
|
|
|
#FF0033
|
|
|
#FF0000
|
|
| |
|
Hex Code
|
Color
|
|
#66FFFF
|
|
|
#66FFCC
|
|
|
#66FF99
|
|
|
#66FF66
|
|
|
#66FF33
|
|
|
#66FF00
|
|
|
#66CCFF
|
|
|
#66CCCC
|
|
|
#66CC99
|
|
|
#66CC66
|
|
|
#66CC33
|
|
|
#66CC00
|
|
|
#6699FF
|
|
|
#6699CC
|
|
|
#669999
|
|
|
#669966
|
|
|
#669933
|
|
|
#669900
|
|
|
#6666FF
|
|
|
#6666CC
|
|
|
#666699
|
|
|
#666666
|
|
|
#666633
|
|
|
#666600
|
|
|
#6633FF
|
|
|
#6633CC
|
|
|
#663399
|
|
|
#663366
|
|
|
#663333
|
|
|
#663300
|
|
|
#6600FF
|
|
|
#6600CC
|
|
|
#660099
|
|
|
#660066
|
|
|
#660033
|
|
|
#660000
|
|
|
|
|
Hex Code
|
Color
|
|
|
|
#CCFFFF
|
|
|
#CCFFCC
|
|
|
#CCFF99
|
|
|
#CCFF66
|
|
|
#CCFF33
|
|
|
#CCFF00
|
|
|
#CCCCFF
|
|
|
#CCCCCC
|
|
|
#CCCC99
|
|
|
#CCCC66
|
|
|
#CCCC33
|
|
|
#CCCC00
|
|
|
#CC99FF
|
|
|
#CC99CC
|
|
|
#CC9999
|
|
|
#CC9966
|
|
|
#CC9933
|
|
|
#CC9900
|
|
|
#CC66FF
|
|
|
#CC66CC
|
|
|
#CC6699
|
|
|
#CC6666
|
|
|
#CC6633
|
|
|
#CC6600
|
|
|
#CC33FF
|
|
|
#CC33CC
|
|
|
#CC3399
|
|
|
#CC3366
|
|
|
#CC3333
|
|
|
#CC3300
|
|
|
#CC00FF
|
|
|
#CC00CC
|
|
|
#CC0099
|
|
|
#CC0066
|
|
|
#CC0033
|
|
|
#CC0000
|
|
| |
|
Hex Code
|
Color
|
|
#33FFFF
|
|
|
#33FFCC
|
|
|
#33FF99
|
|
|
#33FF66
|
|
|
#33FF33
|
|
|
#33FF00
|
|
|
#33CCFF
|
|
|
#33CCCC
|
|
|
#33CC99
|
|
|
#33CC66
|
|
|
#33CC33
|
|
|
#33CC00
|
|
|
#3399FF
|
|
|
#3399CC
|
|
|
#339999
|
|
|
#339966
|
|
|
#339933
|
|
|
#339900
|
|
|
#3366FF
|
|
|
#3366CC
|
|
|
#336699
|
|
|
#336666
|
|
|
#336633
|
|
|
#336600
|
|
|
#3333FF
|
|
|
#3333CC
|
|
|
#333399
|
|
|
#333366
|
|
|
#333333
|
|
|
#333300
|
|
|
#3300FF
|
|
|
#3300CC
|
|
|
#330099
|
|
|
#330066
|
|
|
#330033
|
|
|
#330000
|
|
|
|
|
Hex Code
|
Color
|
|
|
|
#99FFFF
|
|
|
#99FFCC
|
|
|
#99FF99
|
|
|
#99FF66
|
|
|
#99FF33
|
|
|
#99FF00
|
|
|
#99CCFF
|
|
|
#99CCCC
|
|
|
#99CC99
|
|
|
#99CC66
|
|
|
#99CC33
|
|
|
#99CC00
|
|
|
#9999FF
|
|
|
#9999CC
|
|
|
#999999
|
|
|
#999966
|
|
|
#999933
|
|
|
#999900
|
|
|
#9966FF
|
|
|
#9966CC
|
|
|
#996699
|
|
|
#996666
|
|
|
#996633
|
|
|
#996600
|
|
|
#9933FF
|
|
|
#9933CC
|
|
|
#993399
|
|
|
#993366
|
|
|
#993333
|
|
|
#993300
|
|
|
#9900FF
|
|
|
#9900CC
|
|
|
#990099
|
|
|
#990066
|
|
|
#990033
|
|
|
#990000
|
|
| |
|
Hex Code
|
Color
|
|
#00FFFF
|
|
|
#00FFCC
|
|
|
#00FF99
|
|
|
#00FF66
|
|
|
#00FF33
|
|
|
#00FF00
|
|
|
#00CCFF
|
|
|
#00CCCC
|
|
|
#00CC99
|
|
|
#00CC66
|
|
|
#00CC33
|
|
|
#00CC00
|
|
|
#0099FF
|
|
|
#0099CC
|
|
|
#009999
|
|
|
#009966
|
|
|
#009933
|
|
|
#009900
|
|
|
#0066FF
|
|
|
#0066CC
|
|
|
#006699
|
|
|
#006666
|
|
|
#006633
|
|
|
#006600
|
|
|
#0033FF
|
|
|
#0033CC
|
|
|
#003399
|
|
|
#003366
|
|
|
#003333
|
|
|
#003300
|
|
|
#0000FF
|
|
|
#0000CC
|
|
|
#000099
|
|
|
#000066
|
|
|
#000033
|
|
|
#000000
|
|
|