Hello Friends I am back with a great Css color chart, previously I had posted about a table of html colors. Now I am going to post about adding this cool html color chart made by us with the help of css.It takes a lot time to create this html color chart. But now I am releasing this color chart for blogger blogs So, Have fun with this css color chart. Now follow these steps below to add this html clor chart to your blog.
How to add this color chart to your blog-
1. Go to blogger>Template
2. Click on edit html and add the css code just above ]]></b:skin>inside your blogger template.
.ht4u_over { border: 1px dotted #fff; background: #8899ff; }
.ht4u_out { border: 0px; }
3. Now add the code below in the edit html section of your posts-
<center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ffffff"><font color="#004000">#FFFFFF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ffffcc"><font color="#004000">#FFFFCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffff99"><font color="#004000">#FFFF99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffff66"><font color="#004000">#FFFF66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffff33"><font color="#004000">#FFFF33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ffff00"><font color="#004000">#FFFF00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ffccff"><font color="#004000">#FFCCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ffcccc"><font color="#004000">#FFCCCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffcc99"><font color="#004000">#FFCC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffcc66"><font color="#004000">#FFCC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ffcc33"><font color="#004000">#FFCC33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ffcc00"><font color="#004000">#FFCC00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#ff99ff"><font color="#004000">#FF99FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#ff99cc"><font color="#004000">#FF99CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff9999"><font color="#004000">#FF9999</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff9966"><font color="#004000">#FF9966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff9933"><font color="#004000">#FF9933</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ff9900"><font color="#004000">#FF9900</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#ff66ff"><font color="#ffffff">#FF66FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#ff66cc"><font color="#ffffff">#FF66CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff6699"><font color="#ffffff">#FF6699</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff6666"><font color="#ffffff">#FF6666</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff6633"><font color="#ffffff">#FF6633</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ff6600"><font color="#ffffff">#FF6600</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#ff33ff"><font color="#ffffff">#FF33FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#ff33cc"><font color="#ffffff">#FF33CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff3399"><font color="#ffffff">#FF3399</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff3366"><font color="#ffffff">#FF3366</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff3333"><font color="#ffffff">#FF3333</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ff3300"><font color="#ffffff">#FF3300</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#ff00ff"><font color="#ffffff">#FF00FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#ff00cc"><font color="#ffffff">#FF00CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff0099"><font color="#ffffff">#FF0099</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff0066"><font color="#ffffff">#FF0066</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ff0033"><font color="#ffffff">#FF0033</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ff0000"><font color="#ffffff">#FF0000</font></td> </tr> </tbody></table> </center> <p></p> <center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ccffff"><font color="#004000">#CCFFFF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ccffcc"><font color="#004000">#CCFFCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ccff99"><font color="#004000">#CCFF99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ccff66"><font color="#004000">#CCFF66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#ccff33"><font color="#004000">#CCFF33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#ccff00"><font color="#004000">#CCFF00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#ccccff"><font color="#004000">#CCCCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#cccccc"><font color="#004000">#CCCCCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cccc99"><font color="#004000">#CCCC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cccc66"><font color="#004000">#CCCC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cccc33"><font color="#004000">#CCCC33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#cccc00"><font color="#004000">#CCCC00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#cc99ff"><font color="#004000">#CC99FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#cc99cc"><font color="#004000">#CC99CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc9999"><font color="#004000">#CC9999</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc9966"><font color="#004000">#CC9966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc9933"><font color="#004000">#CC9933</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#cc9900"><font color="#004000">#CC9900</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#cc66ff"><font color="#ffffff">#CC66FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#cc66cc"><font color="#ffffff">#CC66CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc6699"><font color="#ffffff">#CC6699</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc6666"><font color="#ffffff">#CC6666</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc6633"><font color="#ffffff">#CC6633</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#cc6600"><font color="#ffffff">#CC6600</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#cc33ff"><font color="#ffffff">#CC33FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#cc33cc"><font color="#ffffff">#CC33CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc3399"><font color="#ffffff">#CC3399</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc3366"><font color="#ffffff">#CC3366</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc3333"><font color="#ffffff">#CC3333</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#cc3300"><font color="#ffffff">#CC3300</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#cc00ff"><font color="#ffffff">#CC00FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#cc00cc"><font color="#ffffff">#CC00CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc0099"><font color="#ffffff">#CC0099</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc0066"><font color="#ffffff">#CC0066</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#cc0033"><font color="#ffffff">#CC0033</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#cc0000"><font color="#ffffff">#CC0000</font></td> </tr> </tbody></table> </center><center> </center><center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="91" bgcolor="#99ffff"><font color="#004000">#99FFFF</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#99ffcc"><font color="#004000">#99FFCC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#99ff99"><font color="#004000">#99FF99</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#99ff66"><font color="#004000">#99FF66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#99ff33"><font color="#004000">#99FF33</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#99ff00"><font color="#004000">#99FF00</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#99ccff"><font color="#004000">#99CCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#99cccc"><font color="#004000">#99CCCC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#99cc99"><font color="#004000">#99CC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#99cc66"><font color="#004000">#99CC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#99cc33"><font color="#004000">#99CC33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#99cc00"><font color="#004000">#99CC00</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#9999ff"><font color="#004000">#9999FF</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#9999cc"><font color="#004000">#9999CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#999999"><font color="#004000">#999999</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#999966"><font color="#004000">#999966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#999933"><font color="#004000">#999933</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#999900"><font color="#004000">#999900</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#9966ff"><font color="#ffffff">#9966FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#9966cc"><font color="#ffffff">#9966CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#996699"><font color="#ffffff">#996699</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#996666"><font color="#ffffff">#996666</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#999933"><font color="#ffffff">#999933</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#999900"><font color="#ffffff">#999900</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#9933ff"><font color="#ffffff">#9933FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#9933cc"><font color="#ffffff">#9933CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#993399"><font color="#ffffff">#993399</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#993366"><font color="#ffffff">#993366</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#993333"><font color="#ffffff">#993333</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#993300"><font color="#ffffff">#993300</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#9900ff"><font color="#ffffff">#9900FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#9900cc"><font color="#ffffff">#9900CC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#990099"><font color="#ffffff">#990099</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#990066"><font color="#ffffff">#990066</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#990033"><font color="#ffffff">#990033</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#990000"><font color="#ffffff">#990000</font></td> </tr> </tbody></table> </center> <p><tt></tt></p> <center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="91" bgcolor="#66ffff"><font color="#004000">#66FFFF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#66ffcc"><font color="#004000">#66FFCC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#66ff99"><font color="#004000">#66FF99</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#66ff66"><font color="#004000">#66FF66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#66ff33"><font color="#004000">#66FF33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#66ff00"><font color="#004000">#66FF00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#66ccff"><font color="#004000">#66CCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#66cccc"><font color="#004000">#66CCCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#66cc99"><font color="#004000">#66CC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#66cc66"><font color="#004000">#66CC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#66cc33"><font color="#004000">#66CC33</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#66cc00"><font color="#004000">#66CC00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#6699ff"><font color="#004000">#6699FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#6699cc"><font color="#004000">#6699CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#669999"><font color="#004000">#669999</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#669966"><font color="#004000">#669966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#669933"><font color="#004000">#669933</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#669900"><font color="#004000">#669900</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#6666ff"><font color="#ffffff">#6666FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#6666cc"><font color="#ffffff">#6666CC</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#666699"><font color="#ffffff">#666699</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#666666"><font color="#ffffff">#666666</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#666633"><font color="#ffffff">#666633</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#666600"><font color="#ffffff">#666600</font> </td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#6633ff"><font color="#ffffff">#6633FF</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#6633cc"><font color="#ffffff">#6633CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#663399"><font color="#ffffff">#663399</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#663366"><font color="#ffffff">#663366</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#663333"><font color="#ffffff">#663333</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#663300"><font color="#ffffff">#663300</font> </td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#6600ff"><font color="#ffffff">#6600FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#6600cc"><font color="#ffffff">#6600CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#660099"><font color="#ffffff">#660099</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#660066"><font color="#ffffff">#660066</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#660033"><font color="#ffffff">#660033</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#660000"><font color="#ffffff">#660000</font> </td> </tr> </tbody></table> </center> <p><font color="#ffffff"></font></p> <center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="91" bgcolor="#33ffff"><font color="#004000">#33FFFF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#33ffcc"><font color="#004000">#33FFCC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#33ff99"><font color="#004000">#33FF99</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#33ff66"><font color="#004000">#33FF66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#33ff33"><font color="#004000">#33FF33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#33ff00"><font color="#004000">#33FF00</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#03ccf0"><font color="#004000">#33CCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#33cccc"><font color="#004000">#33CCCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#33cc99"><font color="#004000">#33CC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#33cc66"><font color="#004000">#33CC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#33cc33"><font color="#004000">#33CC33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#33cc00"><font color="#004000">#33CC00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#3399ff"><font color="#004000">#3399FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#3399cc"><font color="#004000">#3399CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#339999"><font color="#004000">#339999</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#339966"><font color="#004000">#339966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#339933"><font color="#004000">#339933</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#339900"><font color="#004000">#339900</font></td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#3366ff"><font color="#ffffff">#3366FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#3366cc"><font color="#ffffff">#3366CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#336699"><font color="#ffffff">#336699</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#336666"><font color="#ffffff">#336666</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#336633"><font color="#ffffff">#336633</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#336600"><font color="#ffffff">#336600</font> </td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#3333ff"><font color="#ffffff">#3333FF</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#3333cc"><font color="#ffffff">#3333CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#333399"><font color="#ffffff">#333399</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#333366"><font color="#ffffff">#333366</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#333333"><font color="#ffffff">#333333</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#333300"><font color="#ffffff">#333300</font> </td> </tr> <tr> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#3300ff"><font color="#ffffff">#3300FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#3300cc"><font color="#ffffff">#3300CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#330099"><font color="#ffffff">#330099</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#330066"><font color="#ffffff">#330066</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#330033"><font color="#ffffff">#330033</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#330000"><font color="#ffffff">#330000</font> </td> </tr> </tbody></table> </center> <p></p> <center> <table cellspacing="2" cellpadding="4" width="551" border="0"><tbody> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="91" bgcolor="#00ffff"><font color="#004000">#00FFFF</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#00ffcc"><font color="#004000">#00FFCC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#00ff99"><font color="#004000">#00FF99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#00ff66"><font color="#004000">#00FF66</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="86" bgcolor="#00ff33"><font color="#004000">#00FF33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#00ff00"><font color="#004000">#00FF00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#00ccff"><font color="#004000">#00CCFF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="89" bgcolor="#00cccc"><font color="#004000">#00CCCC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#00cc99"><font color="#004000">#00CC99</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#00cc66"><font color="#004000">#00CC66</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#00cc33"><font color="#004000">#00CC33</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#00cc00"><font color="#004000">#00CC00</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#0099ff"><font color="#004000">#0099FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#0099cc"><font color="#004000">#0099CC</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#009999"><font color="#004000">#009999</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#009966"><font color="#004000">#009966</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#009933"><font color="#004000">#009933</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#009900"><font color="#004000">#009900</font></td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#0066ff"><font color="#ffffff">#0066FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#0066cc"><font color="#ffffff">#0066CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#006699"><font color="#ffffff">#006699</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#006666"><font color="#ffffff">#006666</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#006633"><font color="#ffffff">#006633</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#006600"><font color="#ffffff">#006600</font> </td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#0033ff"><font color="#ffffff">#0033FF</font></td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#0033cc"><font color="#ffffff">#0033CC</font></td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#003399"><font color="#ffffff">#003399</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#003366"><font color="#ffffff">#003366</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#003333"><font color="#ffffff">#003333</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#003300"><font color="#ffffff">#003300</font> </td> </tr> <tr> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="90" bgcolor="#0000ff"><font color="#ffffff">#0000FF</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="88" bgcolor="#0000cc"><font color="#ffffff">#0000CC</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#000099"><font color="#ffffff">#000099</font> </td> <td onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#000066"><font color="#ffffff">#000066</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="87" bgcolor="#000033"><font color="#ffffff">#000033</font> </td> <td class="ht4u_out" onmouseover="this.className='ht4u_over';" onmouseout="this.className='ht4u_out';" valign="top" width="96" bgcolor="#000000"><font color="#ffffff">#000000</font> </td> </tr> </tbody></table> </center>
Have fun with this great css chart, kindly bookmark us or share our page.
0 comments:
Post a Comment