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
|
|
| #FF66CC
|
|
| #FF6666
|
|
| #FF6633
|
|
| #FF6600
|
|
| #FF33FF
|
|
| #FF33CC
|
|
| #FF3399
|
|
| #FF3399
|
|
| #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
|
|
|
- This page was last modified 11:33, 19 November 2009.