Useful Tools: Colour Coding

What colour to use?

Background Colour Text Colour
Value: 000000
Select Colour: (foreground) Select Colour: (background)
  Text: #ffffff BG: #000000   Text: #000000 BG: #ffffff
Enter Value:

Web Safe Colours

(click to sort or not)

#ffffff#cccccc#999999#666666#333333#000000#ffcc00#ff9900#ff6600#ff3300#99cc00#cc9900
#ffcc33#ffcc66#ff9966#ff6633#cc3300#cc0033#ccff00#ccff33#333300#666600#999900#cccc00
#ffff00#cc9933#cc6633#330000#660000#990000#cc0000#ff0000#ff3366#ff0033#99ff00#ccff66
#99cc33#666633#999933#cccc33#ffff33#996600#993300#663333#993333#cc3333#ff3333#cc3366
#ff6699#ff0066#66ff00#99ff66#66cc33#669900#999966#cccc66#ffff66#996633#663300#996666
#cc6666#ff6666#990033#cc3399#ff66cc#ff0099#33ff00#66ff33#339900#66cc00#99ff33#cccc99
#ffff99#cc9966#cc6600#cc9999#ff9999#ff3399#cc0066#990066#ff33cc#ff00cc#00cc00#33cc00
#336600#669933#99cc66#ccff99#ffffcc#ffcc99#ff9933#ffcccc#ff99cc#cc6699#993366#660033
#cc0099#330033#33cc33#66cc66#00ff00#33ff33#66ff66#99ff99#ccffcc#cc99cc#996699#993399
#990099#663366#660066#006600#336633#009900#339933#669966#99cc99#ffccff#ff99ff#ff66ff
#ff33ff#ff00ff#cc66cc#cc33cc#003300#00cc33#006633#339966#66cc99#99ffcc#ccffff#3399ff
#99ccff#ccccff#cc99ff#9966cc#663399#330066#9900cc#cc00cc#00ff33#33ff66#009933#00cc66
#33ff99#99ffff#99cccc#0066cc#6699cc#9999ff#9999cc#9933ff#6600cc#660099#cc33ff#cc00ff
#00ff66#66ff99#33cc66#009966#66ffff#66cccc#669999#003366#336699#6666ff#6666cc#666699
#330099#9933cc#cc66ff#9900ff#00ff99#66ffcc#33cc99#33ffff#33cccc#339999#336666#006699
#003399#3333ff#3333cc#333399#333366#6633cc#9966ff#6600ff#00ffcc#33ffcc#00ffff#00cccc
#009999#006666#003333#3399cc#3366cc#0000ff#0000cc#000099#000066#000033#6633ff#3300ff
#00cc99#0099cc#33ccff#66ccff#6699ff#3366ff#0033cc#3300cc#00ccff#0099ff#0066ff#0033ff