<center> <img src="colorcube.gif" width="500" height="94" /> </center> <p>


Click any colored square to get the color number



The codes for this Color Cube are below <script type="text/javascript"> function sho(hex) { if (hex) { document.bgColor = '#'+hex; temp.hex.value = '#'+hex; window.status = 'The Hex Color Code = ' +hex; } } function get() { prompt('Cut or copy this color number:', temp.hex.value); } </script> <style type="text/css"> body { color:222222; font-family:verdana; } table { background-color:#101010; padding:0px; border:0px; } td { width:18px; height:18px; cursor:pointer; } </style> </head> <body bgcolor="#339999" fontsize="medium" vspace="0"> <noframes> <center> <img src="colorcube.gif" width="500" height="94" /> </center> <p> </noframes> <center> <font size="4"><b><I>Click any colored square to get the color number</i></b></font> <p> <form name="temp"> <input type="hidden" name="hex"> </form> <table> <tr><td bgcolor="#000000" onClick="get()" onMouseOver="sho('000000')"> <td bgcolor="#000033" onClick="get()" onMouseOver="sho('000033')"> <td bgcolor="#000066" onClick="get()" onMouseOver="sho('000066')"> <td bgcolor="#000099" onClick="get()" onMouseOver="sho('000099')"> <td bgcolor="#0000cc" onClick="get()" onMouseOver="sho('0000cc')"> <td bgcolor="#0000ff" onClick="get()" onMouseOver="sho('0000ff')"> <td bgcolor="#006600" onClick="get()" onMouseOver="sho('006600')"> <td bgcolor="#006633" onClick="get()" onMouseOver="sho('006633')"> <td bgcolor="#006666" onClick="get()" onMouseOver="sho('006666')"> <td bgcolor="#006699" onClick="get()" onMouseOver="sho('006699')"> <td bgcolor="#0066cc" onClick="get()" onMouseOver="sho('0066cc')"> <td bgcolor="#0066ff" onClick="get()" onMouseOver="sho('0066ff')"> <td bgcolor="#00cc00" onClick="get()" onMouseOver="sho('00cc00')"> <td bgcolor="#00cc33" onClick="get()" onMouseOver="sho('00cc33')"> <td bgcolor="#00cc66" onClick="get()" onMouseOver="sho('00cc66')"> <td bgcolor="#00cc99" onClick="get()" onMouseOver="sho('00cc99')"> <td bgcolor="#00cccc" onClick="get()" onMouseOver="sho('00cccc')"> <td bgcolor="#00ccff" onClick="get()" onMouseOver="sho('00ccff')"> <tr> <td bgcolor="#003300" onClick="get()" onMouseOver="sho('003300')"> <td bgcolor="#003333" onClick="get()" onMouseOver="sho('003333')"> <td bgcolor="#003366" onClick="get()" onMouseOver="sho('003366')"> <td bgcolor="#003399" onClick="get()" onMouseOver="sho('003399')"> <td bgcolor="#0033cc" onClick="get()" onMouseOver="sho('0033cc')"> <td bgcolor="#0033ff" onClick="get()" onMouseOver="sho('0033ff')"> <td bgcolor="#009900" onClick="get()" onMouseOver="sho('009900')"> <td bgcolor="#009933" onClick="get()" onMouseOver="sho('009933')"> <td bgcolor="#009966" onClick="get()" onMouseOver="sho('009966')"> <td bgcolor="#009999" onClick="get()" onMouseOver="sho('009999')"> <td bgcolor="#0099cc" onClick="get()" onMouseOver="sho('0099cc')"> <td bgcolor="#0099ff" onClick="get()" onMouseOver="sho('0099ff')"> <td bgcolor="#00ff00" onClick="get()" onMouseOver="sho('00ff00')"> <td bgcolor="#00ff33" onClick="get()" onMouseOver="sho('00ff33')"> <td bgcolor="#00ff66" onClick="get()" onMouseOver="sho('00ff66')"> <td bgcolor="#00ff99" onClick="get()" onMouseOver="sho('00ff99')"> <td bgcolor="#00ffcc" onClick="get()" onMouseOver="sho('00ffcc')"> <td bgcolor="#00ffff" onClick="get()" onMouseOver="sho('00ffff')"> <tr> <td bgcolor="#330000" onClick="get()" onMouseOver="sho('330000')"> <td bgcolor="#330033" onClick="get()" onMouseOver="sho('330033')"> <td bgcolor="#330066" onClick="get()" onMouseOver="sho('330066')"> <td bgcolor="#330099" onClick="get()" onMouseOver="sho('330099')"> <td bgcolor="#3300cc" onClick="get()" onMouseOver="sho('3300cc')"> <td bgcolor="#3300ff" onClick="get()" onMouseOver="sho('3300ff')"> <td bgcolor="#336600" onClick="get()" onMouseOver="sho('336600')"> <td bgcolor="#336633" onClick="get()" onMouseOver="sho('336633')"> <td bgcolor="#336666" onClick="get()" onMouseOver="sho('336666')"> <td bgcolor="#336699" onClick="get()" onMouseOver="sho('336699')"> <td bgcolor="#3366cc" onClick="get()" onMouseOver="sho('3366cc')"> <td bgcolor="#3366ff" onClick="get()" onMouseOver="sho('3366ff')"> <td bgcolor="#33cc00" onClick="get()" onMouseOver="sho('33cc00')"> <td bgcolor="#33cc33" onClick="get()" onMouseOver="sho('33cc33')"> <td bgcolor="#33cc66" onClick="get()" onMouseOver="sho('33cc66')"> <td bgcolor="#33cc99" onClick="get()" onMouseOver="sho('33cc99')"> <td bgcolor="#33cccc" onClick="get()" onMouseOver="sho('33cccc')"> <td bgcolor="#33ccff" onClick="get()" onMouseOver="sho('33ccff')"> <tr> <td bgcolor="#333300" onClick="get()" onMouseOver="sho('333300')"> <td bgcolor="#333333" onClick="get()" onMouseOver="sho('333333')"> <td bgcolor="#333366" onClick="get()" onMouseOver="sho('333366')"> <td bgcolor="#333399" onClick="get()" onMouseOver="sho('333399')"> <td bgcolor="#3333cc" onClick="get()" onMouseOver="sho('3333cc')"> <td bgcolor="#3333ff" onClick="get()" onMouseOver="sho('3333ff')"> <td bgcolor="#339900" onClick="get()" onMouseOver="sho('339900')"> <td bgcolor="#339933" onClick="get()" onMouseOver="sho('339933')"> <td bgcolor="#339966" onClick="get()" onMouseOver="sho('339966')"> <td bgcolor="#339999" onClick="get()" onMouseOver="sho('339999')"> <td bgcolor="#3399cc" onClick="get()" onMouseOver="sho('3399cc')"> <td bgcolor="#3399ff" onClick="get()" onMouseOver="sho('3399ff')"> <td bgcolor="#33ff00" onClick="get()" onMouseOver="sho('33ff00')"> <td bgcolor="#33ff33" onClick="get()" onMouseOver="sho('33ff33')"> <td bgcolor="#33ff66" onClick="get()" onMouseOver="sho('33ff66')"> <td bgcolor="#33ff99" onClick="get()" onMouseOver="sho('33ff99')"> <td bgcolor="#33ffcc" onClick="get()" onMouseOver="sho('33ffcc')"> <td bgcolor="#33ffff" onClick="get()" onMouseOver="sho('33ffff')"> <tr> <td bgcolor="#660000" onClick="get()" onMouseOver="sho('660000')"> <td bgcolor="#660033" onClick="get()" onMouseOver="sho('660033')"> <td bgcolor="#660066" onClick="get()" onMouseOver="sho('660066')"> <td bgcolor="#660099" onClick="get()" onMouseOver="sho('660099')"> <td bgcolor="#6600cc" onClick="get()" onMouseOver="sho('6600cc')"> <td bgcolor="#6600ff" onClick="get()" onMouseOver="sho('6600ff')"> <td bgcolor="#666600" onClick="get()" onMouseOver="sho('666600')"> <td bgcolor="#666633" onClick="get()" onMouseOver="sho('666633')"> <td bgcolor="#666666" onClick="get()" onMouseOver="sho('666666')"> <td bgcolor="#666699" onClick="get()" onMouseOver="sho('666699')"> <td bgcolor="#6666cc" onClick="get()" onMouseOver="sho('6666cc')"> <td bgcolor="#6666ff" onClick="get()" onMouseOver="sho('6666ff')"> <td bgcolor="#66cc00" onClick="get()" onMouseOver="sho('66cc00')"> <td bgcolor="#66cc33" onClick="get()" onMouseOver="sho('66cc33')"> <td bgcolor="#66cc66" onClick="get()" onMouseOver="sho('66cc66')"> <td bgcolor="#66cc99" onClick="get()" onMouseOver="sho('66cc99')"> <td bgcolor="#66cccc" onClick="get()" onMouseOver="sho('66cccc')"> <td bgcolor="#66ccff" onClick="get()" onMouseOver="sho('66ccff')"> <tr> <td bgcolor="#663300" onClick="get()" onMouseOver="sho('663300')"> <td bgcolor="#663333" onClick="get()" onMouseOver="sho('663333')"> <td bgcolor="#663366" onClick="get()" onMouseOver="sho('663366')"> <td bgcolor="#663399" onClick="get()" onMouseOver="sho('663399')"> <td bgcolor="#6633cc" onClick="get()" onMouseOver="sho('6633cc')"> <td bgcolor="#6633ff" onClick="get()" onMouseOver="sho('6633ff')"> <td bgcolor="#669900" onClick="get()" onMouseOver="sho('669900')"> <td bgcolor="#669933" onClick="get()" onMouseOver="sho('669933')"> <td bgcolor="#669966" onClick="get()" onMouseOver="sho('669966')"> <td bgcolor="#669999" onClick="get()" onMouseOver="sho('669999')"> <td bgcolor="#6699cc" onClick="get()" onMouseOver="sho('6699cc')"> <td bgcolor="#6699ff" onClick="get()" onMouseOver="sho('6699ff')"> <td bgcolor="#66ff00" onClick="get()" onMouseOver="sho('66ff00')"> <td bgcolor="#66ff33" onClick="get()" onMouseOver="sho('66ff33')"> <td bgcolor="#66ff66" onClick="get()" onMouseOver="sho('66ff66')"> <td bgcolor="#66ff99" onClick="get()" onMouseOver="sho('66ff99')"> <td bgcolor="#66ffcc" onClick="get()" onMouseOver="sho('66ffcc')"> <td bgcolor="#66ffff" onClick="get()" onMouseOver="sho('66ffff')"> <tr> <td bgcolor="#990000" onClick="get()" onMouseOver="sho('990000')"> <td bgcolor="#990033" onClick="get()" onMouseOver="sho('990033')"> <td bgcolor="#990066" onClick="get()" onMouseOver="sho('990066')"> <td bgcolor="#990099" onClick="get()" onMouseOver="sho('990099')"> <td bgcolor="#9900cc" onClick="get()" onMouseOver="sho('9900cc')"> <td bgcolor="#9900ff" onClick="get()" onMouseOver="sho('9900ff')"> <td bgcolor="#996600" onClick="get()" onMouseOver="sho('996600')"> <td bgcolor="#996633" onClick="get()" onMouseOver="sho('996633')"> <td bgcolor="#996666" onClick="get()" onMouseOver="sho('996666')"> <td bgcolor="#996699" onClick="get()" onMouseOver="sho('996699')"> <td bgcolor="#9966cc" onClick="get()" onMouseOver="sho('9966cc')"> <td bgcolor="#9966ff" onClick="get()" onMouseOver="sho('9966ff')"> <td bgcolor="#99cc00" onClick="get()" onMouseOver="sho('99cc00')"> <td bgcolor="#99cc33" onClick="get()" onMouseOver="sho('99cc33')"> <td bgcolor="#99cc66" onClick="get()" onMouseOver="sho('99cc66')"> <td bgcolor="#99cc99" onClick="get()" onMouseOver="sho('99cc99')"> <td bgcolor="#99cccc" onClick="get()" onMouseOver="sho('99cccc')"> <td bgcolor="#99ccff" onClick="get()" onMouseOver="sho('99ccff')"> <tr> <td bgcolor="#993300" onClick="get()" onMouseOver="sho('993300')"> <td bgcolor="#993333" onClick="get()" onMouseOver="sho('993333')"> <td bgcolor="#993366" onClick="get()" onMouseOver="sho('993366')"> <td bgcolor="#993399" onClick="get()" onMouseOver="sho('993399')"> <td bgcolor="#9933cc" onClick="get()" onMouseOver="sho('9933cc')"> <td bgcolor="#9933ff" onClick="get()" onMouseOver="sho('9933ff')"> <td bgcolor="#999900" onClick="get()" onMouseOver="sho('999900')"> <td bgcolor="#999933" onClick="get()" onMouseOver="sho('999933')"> <td bgcolor="#999966" onClick="get()" onMouseOver="sho('999966')"> <td bgcolor="#999999" onClick="get()" onMouseOver="sho('999999')"> <td bgcolor="#9999cc" onClick="get()" onMouseOver="sho('9999cc')"> <td bgcolor="#9999ff" onClick="get()" onMouseOver="sho('9999ff')"> <td bgcolor="#99ff00" onClick="get()" onMouseOver="sho('99ff00')"> <td bgcolor="#99ff33" onClick="get()" onMouseOver="sho('99ff33')"> <td bgcolor="#99ff66" onClick="get()" onMouseOver="sho('99ff66')"> <td bgcolor="#99ff99" onClick="get()" onMouseOver="sho('99ff99')"> <td bgcolor="#99ffcc" onClick="get()" onMouseOver="sho('99ffcc')"> <td bgcolor="#99ffff" onClick="get()" onMouseOver="sho('99ffff')"> <tr> <td bgcolor="#cc0000" onClick="get()" onMouseOver="sho('cc0000')"> <td bgcolor="#cc0033" onClick="get()" onMouseOver="sho('cc0033')"> <td bgcolor="#cc0066" onClick="get()" onMouseOver="sho('cc0066')"> <td bgcolor="#cc0099" onClick="get()" onMouseOver="sho('cc0099')"> <td bgcolor="#cc00cc" onClick="get()" onMouseOver="sho('cc00cc')"> <td bgcolor="#cc00ff" onClick="get()" onMouseOver="sho('cc00ff')"> <td bgcolor="#cc6600" onClick="get()" onMouseOver="sho('cc6600')"> <td bgcolor="#cc6633" onClick="get()" onMouseOver="sho('cc6633')"> <td bgcolor="#cc6666" onClick="get()" onMouseOver="sho('cc6666')"> <td bgcolor="#cc6699" onClick="get()" onMouseOver="sho('cc6699')"> <td bgcolor="#cc66cc" onClick="get()" onMouseOver="sho('cc66cc')"> <td bgcolor="#cc66ff" onClick="get()" onMouseOver="sho('cc66ff')"> <td bgcolor="#cccc00" onClick="get()" onMouseOver="sho('cccc00')"> <td bgcolor="#cccc33" onClick="get()" onMouseOver="sho('cccc33')"> <td bgcolor="#cccc66" onClick="get()" onMouseOver="sho('cccc66')"> <td bgcolor="#cccc99" onClick="get()" onMouseOver="sho('cccc99')"> <td bgcolor="#cccccc" onClick="get()" onMouseOver="sho('cccccc')"> <td bgcolor="#ccccff" onClick="get()" onMouseOver="sho('ccccff')"> <tr> <td bgcolor="#cc3300" onClick="get()" onMouseOver="sho('cc3300')"> <td bgcolor="#cc3333" onClick="get()" onMouseOver="sho('cc3333')"> <td bgcolor="#cc3366" onClick="get()" onMouseOver="sho('cc3366')"> <td bgcolor="#cc3399" onClick="get()" onMouseOver="sho('cc3399')"> <td bgcolor="#cc33cc" onClick="get()" onMouseOver="sho('cc33cc')"> <td bgcolor="#cc33ff" onClick="get()" onMouseOver="sho('cc33ff')"> <td bgcolor="#cc9900" onClick="get()" onMouseOver="sho('cc9900')"> <td bgcolor="#cc9933" onClick="get()" onMouseOver="sho('cc9933')"> <td bgcolor="#cc9966" onClick="get()" onMouseOver="sho('cc9966')"> <td bgcolor="#cc9999" onClick="get()" onMouseOver="sho('cc9999')"> <td bgcolor="#cc99cc" onClick="get()" onMouseOver="sho('cc99cc')"> <td bgcolor="#cc99ff" onClick="get()" onMouseOver="sho('cc99ff')"> <td bgcolor="#ccff00" onClick="get()" onMouseOver="sho('ccff00')"> <td bgcolor="#ccff33" onClick="get()" onMouseOver="sho('ccff33')"> <td bgcolor="#ccff66" onClick="get()" onMouseOver="sho('ccff66')"> <td bgcolor="#ccff99" onClick="get()" onMouseOver="sho('ccff99')"> <td bgcolor="#ccffcc" onClick="get()" onMouseOver="sho('ccffcc')"> <td bgcolor="#ccffff" onClick="get()" onMouseOver="sho('ccffff')"> <tr> <td bgcolor="#ff0000" onClick="get()" onMouseOver="sho('ff0000')"> <td bgcolor="#ff0033" onClick="get()" onMouseOver="sho('ff0033')"> <td bgcolor="#ff0066" onClick="get()" onMouseOver="sho('ff0066')"> <td bgcolor="#ff0099" onClick="get()" onMouseOver="sho('ff0099')"> <td bgcolor="#ff00cc" onClick="get()" onMouseOver="sho('ff00cc')"> <td bgcolor="#ff00ff" onClick="get()" onMouseOver="sho('ff00ff')"> <td bgcolor="#ff6600" onClick="get()" onMouseOver="sho('ff6600')"> <td bgcolor="#ff6633" onClick="get()" onMouseOver="sho('ff6633')"> <td bgcolor="#ff6666" onClick="get()" onMouseOver="sho('ff6666')"> <td bgcolor="#ff6699" onClick="get()" onMouseOver="sho('ff6699')"> <td bgcolor="#ff66cc" onClick="get()" onMouseOver="sho('ff66cc')"> <td bgcolor="#ff66ff" onClick="get()" onMouseOver="sho('ff66ff')"> <td bgcolor="#ffcc00" onClick="get()" onMouseOver="sho('ffcc00')"> <td bgcolor="#ffcc33" onClick="get()" onMouseOver="sho('ffcc33')"> <td bgcolor="#ffcc66" onClick="get()" onMouseOver="sho('ffcc66')"> <td bgcolor="#ffcc99" onClick="get()" onMouseOver="sho('ffcc99')"> <td bgcolor="#ffcccc" onClick="get()" onMouseOver="sho('ffcccc')"> <td bgcolor="#ffccff" onClick="get()" onMouseOver="sho('ffccff')"> <tr> <td bgcolor="#ff3300" onClick="get()" onMouseOver="sho('ff3300')"> <td bgcolor="#ff3333" onClick="get()" onMouseOver="sho('ff3333')"> <td bgcolor="#ff3366" onClick="get()" onMouseOver="sho('ff3366')"> <td bgcolor="#ff3399" onClick="get()" onMouseOver="sho('ff3399')"> <td bgcolor="#ff33cc" onClick="get()" onMouseOver="sho('ff33cc')"> <td bgcolor="#ff33ff" onClick="get()" onMouseOver="sho('ff33ff')"> <td bgcolor="#ff9900" onClick="get()" onMouseOver="sho('ff9900')"> <td bgcolor="#ff9933" onClick="get()" onMouseOver="sho('ff9933')"> <td bgcolor="#ff9966" onClick="get()" onMouseOver="sho('ff9966')"> <td bgcolor="#ff9999" onClick="get()" onMouseOver="sho('ff9999')"> <td bgcolor="#ff99cc" onClick="get()" onMouseOver="sho('ff99cc')"> <td bgcolor="#ff99ff" onClick="get()" onMouseOver="sho('ff99ff')"> <td bgcolor="#ffff00" onClick="get()" onMouseOver="sho('ffff00')"> <td bgcolor="#ffff33" onClick="get()" onMouseOver="sho('ffff33')"> <td bgcolor="#ffff66" onClick="get()" onMouseOver="sho('ffff66')"> <td bgcolor="#ffff99" onClick="get()" onMouseOver="sho('ffff99')"> <td bgcolor="#ffffcc" onClick="get()" onMouseOver="sho('ffffcc')"> <td bgcolor="#ffffff" onClick="get()" onMouseOver="sho('ffffff')">