Salman Warriach.blogspot.com: Colour Chart

<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="Embeddable css color chart" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJmGLbOu5o-vHkEkOWkcRt1pjuXozx4QqMxuCYQmd2Wp74FBzlDwfC6a02HSBjWY-9dpCuf0fcYsb1oRVujlKomevwqQ5Mu7Om2D43p9Cf_OSUWm6Xmr-h6kKOGkNFG68qj_Oa-zw7FM/?imgmax=800" style="background-color: white; border-width: 0px; color: #555555; display: inline; font-family: helvetica, arial; font-size: 14px; line-height: 22.390625px; margin-left: 0px; margin-right: 0px; padding: 10px; text-align: justify;" title="Embeddable css color chart" width="320" /> <div style="text-align: justify;">Below is an embeddable Web Colour Chart most probably known as hexadecimal colour chart. The chart below consists of a total 216 hexadecimal colours which are well interpreted by all browsers and are compatible in every sense. The Colour chart below uses a combination of well scripted HTML and CSS to produce a mouse over effect when you hover your cursor over the table cells. You can use this chart for both free and commercial purpose. You can use these colour codes/hexadecimal values for editing your Blogspot, Wordpress or web templates. They are web safe colours so they look the same in any browser.</div> <div dir="ltr" style="text-align: left;" trbidi="on"><div align="justify"></div><div align="justify"></div><center> <h4> <div dir="ltr" style="text-align: left;" trbidi="on"><div style="border-bottom: #0080ff 1px dotted; border-top: #0080ff 1px dotted; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"><div style="text-align: center;">CSS Web Colour Chart</div></div><center> </center><center></center><center></center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#ffffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#FFFFF </td> <td bgcolor="#ffffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#FFFFCC</td> <td bgcolor="#ffff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFFF99</td> <td bgcolor="#ffff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFFF66</td> <td bgcolor="#ffff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFFF33</td> <td bgcolor="#ffff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FFFF00</td> </tr><tr> <td bgcolor="#ffccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#FFCCFF</td> <td bgcolor="#ffcccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#FFCCCC</td> <td bgcolor="#ffcc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFCC99</td> <td bgcolor="#ffcc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFCC66</td> <td bgcolor="#ffcc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FFCC33</td> <td bgcolor="#ffcc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FFCC00</td> </tr><tr> <td bgcolor="#ff99ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#FF99FF</td> <td bgcolor="#ff99cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#FF99CC</td> <td bgcolor="#ff9999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF9999</td> <td bgcolor="#ff9966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF9966</td> <td bgcolor="#ff9933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF9933</td> <td bgcolor="#ff9900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FF9900</td> </tr><tr> <td bgcolor="#ff66ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#FF66FF</td> <td bgcolor="#ff66cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#FF66CC</td> <td bgcolor="#ff6699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF6699</td> <td bgcolor="#ff6666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF6666</td> <td bgcolor="#ff6633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF6633</td> <td bgcolor="#ff6600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FF6600</td> </tr><tr> <td bgcolor="#ff33ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#FF33FF</td> <td bgcolor="#ff33cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#FF33CC</td> <td bgcolor="#ff3399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF3399</td> <td bgcolor="#ff3366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF3366</td> <td bgcolor="#ff3333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF3333</td> <td bgcolor="#ff3300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FF3300</td> </tr><tr> <td bgcolor="#ff00ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#FF00FF</td> <td bgcolor="#ff00cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#FF00CC</td> <td bgcolor="#ff0099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF0099</td> <td bgcolor="#ff0066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF0066</td> <td bgcolor="#ff0033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#FF0033</td> <td bgcolor="#ff0000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#FF0000</td> </tr></tbody></table> </center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#ccffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#CCFFFF </td> <td bgcolor="#ccffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#CCFFCC</td> <td bgcolor="#ccff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCFF99</td> <td bgcolor="#ccff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCFF66</td> <td bgcolor="#ccff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCFF33</td> <td bgcolor="#ccff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CCFF00</td> </tr><tr> <td bgcolor="#ccccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#CCCCFF</td> <td bgcolor="#cccccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#CCCCCC</td> <td bgcolor="#cccc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCCC99</td> <td bgcolor="#cccc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCCC66</td> <td bgcolor="#cccc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CCCC33</td> <td bgcolor="#cccc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CCCC00</td> </tr><tr> <td bgcolor="#cc99ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#CC99FF</td> <td bgcolor="#cc99cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#CC99CC</td> <td bgcolor="#cc9999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC9999</td> <td bgcolor="#cc9966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC9966</td> <td bgcolor="#cc9933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC9933</td> <td bgcolor="#cc9900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CC9900</td> </tr><tr> <td bgcolor="#cc66ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#CC66FF</td> <td bgcolor="#cc66cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#CC66CC</td> <td bgcolor="#cc6699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC6699</td> <td bgcolor="#cc6666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC6666</td> <td bgcolor="#cc6633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC6633</td> <td bgcolor="#cc6600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CC6600</td> </tr><tr> <td bgcolor="#cc33ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#CC33FF</td> <td bgcolor="#cc33cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#CC33CC</td> <td bgcolor="#cc3399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC3399</td> <td bgcolor="#cc3366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC3366</td> <td bgcolor="#cc3333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC3333</td> <td bgcolor="#cc3300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CC3300</td> </tr><tr> <td bgcolor="#cc00ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#CC00FF</td> <td bgcolor="#cc00cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#CC00CC</td> <td bgcolor="#cc0099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC0099</td> <td bgcolor="#cc0066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC0066</td> <td bgcolor="#cc0033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#CC0033</td> <td bgcolor="#cc0000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#CC0000</td> </tr></tbody></table></center><center> </center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#99ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91">#99FFFF </td> <td bgcolor="#99ffcc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#99FFCC</td> <td bgcolor="#99ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#99FF99</td> <td bgcolor="#99ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#99FF66</td> <td bgcolor="#99ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#99FF33</td> <td bgcolor="#99ff00" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#99FF00</td> </tr><tr> <td bgcolor="#99ccff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#99CCFF</td> <td bgcolor="#99cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#99CCCC</td> <td bgcolor="#99cc99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#99CC99</td> <td bgcolor="#99cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#99CC66</td> <td bgcolor="#99cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#99CC33</td> <td bgcolor="#99cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#99CC00</td> </tr><tr> <td bgcolor="#9999ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#9999FF</td> <td bgcolor="#9999cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#9999CC</td> <td bgcolor="#999999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#999999</td> <td bgcolor="#999966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#999966</td> <td bgcolor="#999933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#999933</td> <td bgcolor="#999900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#999900</td> </tr><tr> <td bgcolor="#9966ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#9966FF</td> <td bgcolor="#9966cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#9966CC</td> <td bgcolor="#996699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#996699</td> <td bgcolor="#996666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#996666</td> <td bgcolor="#999933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#999933</td> <td bgcolor="#999900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#999900</td> </tr><tr> <td bgcolor="#9933ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#9933FF</td> <td bgcolor="#9933cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#9933CC</td> <td bgcolor="#993399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#993399</td> <td bgcolor="#993366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#993366</td> <td bgcolor="#993333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#993333</td> <td bgcolor="#993300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#993300</td> </tr><tr> <td bgcolor="#9900ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#9900FF</td> <td bgcolor="#9900cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#9900CC</td> <td bgcolor="#990099" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#990099</td> <td bgcolor="#990066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#990066</td> <td bgcolor="#990033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#990033</td> <td bgcolor="#990000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#990000</td> </tr></tbody></table></center><tt></tt> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#66ffff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91">#66FFFF </td> <td bgcolor="#66ffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#66FFCC</td> <td bgcolor="#66ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#66FF99</td> <td bgcolor="#66ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#66FF66</td> <td bgcolor="#66ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#66FF33</td> <td bgcolor="#66ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#66FF00</td> </tr><tr> <td bgcolor="#66ccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#66CCFF</td> <td bgcolor="#66cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#66CCCC</td> <td bgcolor="#66cc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#66CC99</td> <td bgcolor="#66cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#66CC66</td> <td bgcolor="#66cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#66CC33</td> <td bgcolor="#66cc00" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#66CC00</td> </tr><tr> <td bgcolor="#6699ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#6699FF</td> <td bgcolor="#6699cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#6699CC</td> <td bgcolor="#669999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#669999</td> <td bgcolor="#669966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#669966</td> <td bgcolor="#669933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#669933</td> <td bgcolor="#669900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#669900</td> </tr><tr> <td bgcolor="#6666ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#6666FF </td> <td bgcolor="#6666cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#6666CC </td> <td bgcolor="#666699" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#666699 </td> <td bgcolor="#666666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#666666 </td> <td bgcolor="#666633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#666633 </td> <td bgcolor="#666600" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#666600 </td> </tr><tr> <td bgcolor="#6633ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#6633FF </td> <td bgcolor="#6633cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#6633CC </td> <td bgcolor="#663399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#663399 </td> <td bgcolor="#663366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#663366 </td> <td bgcolor="#663333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#663333 </td> <td bgcolor="#663300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#663300 </td> </tr><tr> <td bgcolor="#6600ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#6600FF </td> <td bgcolor="#6600cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#6600CC </td> <td bgcolor="#660099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#660099 </td> <td bgcolor="#660066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#660066 </td> <td bgcolor="#660033" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#660033 </td> <td bgcolor="#660000" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#660000 </td> </tr></tbody></table></center> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#33ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91">#33FFFF </td> <td bgcolor="#33ffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#33FFCC</td> <td bgcolor="#33ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#33FF99</td> <td bgcolor="#33ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#33FF66</td> <td bgcolor="#33ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#33FF33</td> <td bgcolor="#33ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#33FF00</td> </tr><tr> <td bgcolor="#03ccf0" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#33CCFF</td> <td bgcolor="#33cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#33CCCC</td> <td bgcolor="#33cc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#33CC99</td> <td bgcolor="#33cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#33CC66</td> <td bgcolor="#33cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#33CC33</td> <td bgcolor="#33cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#33CC00</td> </tr><tr> <td bgcolor="#3399ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#3399FF</td> <td bgcolor="#3399cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#3399CC</td> <td bgcolor="#339999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#339999</td> <td bgcolor="#339966" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#339966</td> <td bgcolor="#339933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#339933</td> <td bgcolor="#339900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#339900</td> </tr><tr> <td bgcolor="#3366ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#3366FF </td> <td bgcolor="#3366cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#3366CC </td> <td bgcolor="#336699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#336699 </td> <td bgcolor="#336666" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#336666 </td> <td bgcolor="#336633" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#336633 </td> <td bgcolor="#336600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#336600 </td> </tr><tr> <td bgcolor="#3333ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#3333FF </td> <td bgcolor="#3333cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#3333CC </td> <td bgcolor="#333399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#333399 </td> <td bgcolor="#333366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#333366 </td> <td bgcolor="#333333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#333333 </td> <td bgcolor="#333300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#333300 </td> </tr><tr> <td bgcolor="#3300ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#3300FF </td> <td bgcolor="#3300cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#3300CC </td> <td bgcolor="#330099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#330099 </td> <td bgcolor="#330066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#330066 </td> <td bgcolor="#330033" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#330033 </td> <td bgcolor="#330000" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#330000 </td> </tr></tbody></table> </center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#00ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91">#00FFFF </td> <td bgcolor="#00ffcc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#00FFCC</td> <td bgcolor="#00ff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#00FF99</td> <td bgcolor="#00ff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#00FF66</td> <td bgcolor="#00ff33" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86">#00FF33</td> <td bgcolor="#00ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#00FF00</td> </tr><tr> <td bgcolor="#00ccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#00CCFF</td> <td bgcolor="#00cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89">#00CCCC</td> <td bgcolor="#00cc99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#00CC99</td> <td bgcolor="#00cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#00CC66</td> <td bgcolor="#00cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#00CC33</td> <td bgcolor="#00cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#00CC00</td> </tr><tr> <td bgcolor="#0099ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#0099FF</td> <td bgcolor="#0099cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#0099CC</td> <td bgcolor="#009999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#009999</td> <td bgcolor="#009966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#009966</td> <td bgcolor="#009933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#009933</td> <td bgcolor="#009900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#009900</td> </tr><tr> <td bgcolor="#0066ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#0066FF </td> <td bgcolor="#0066cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#0066CC </td> <td bgcolor="#006699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#006699 </td> <td bgcolor="#006666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#006666 </td> <td bgcolor="#006633" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#006633 </td> <td bgcolor="#006600" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#006600 </td> </tr><tr> <td bgcolor="#0033ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#0033FF</td> <td bgcolor="#0033cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#0033CC</td> <td bgcolor="#003399" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#003399 </td> <td bgcolor="#003366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#003366 </td> <td bgcolor="#003333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#003333 </td> <td bgcolor="#003300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#003300 </td> </tr><tr> <td bgcolor="#0000ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90">#0000FF </td> <td bgcolor="#0000cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88">#0000CC </td> <td bgcolor="#000099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#000099 </td> <td bgcolor="#000066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#000066 </td> <td bgcolor="#000033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87">#000033 </td> <td bgcolor="#000000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96">#000000 </td> </tr></tbody></table> </center><center></center> Web developers and bloggers are requested to attach a link-back to this blog if they wish to share this chart with their readers.</div></h4></center></div></div>

CSS Web Colour Chart

Below is an embeddable Web Colour Chart most probably known as hexadecimal colour chart . The chart below consists of a total 216 hexadec...

+ Read more »