Siempre tenemos la necesidad de tener a mano herramientas que tienen una utilidad diaria. En éste caso voy a dejarles una tabla de colores web para que puedan implementarla en su blog y así, no tener que dar carreras al momento de necesitarla.
El código a continuación:
Tabla de Colores Web
| #eeeeee | #ff0000 | #00ff00 | #0000ff | ||||
| #dddddd | #ee0000 | #00ee00 | #0000ee | ||||
| #cccccc | #dd0000 | #00dd00 | #0000dd | ||||
| #bbbbbb | #cc0000 | #00cc00 | #0000cc | ||||
| #aaaaaa | #bb0000 | #00bb00 | #0000bb | ||||
| #999999 | #aa0000 | #00aa00 | #0000aa | ||||
| #888888 | #990000 | #009900 | #000099 | ||||
| #777777 | #880000 | #008800 | #000088 | ||||
| #666666 | #770000 | #007700 | #000077 | ||||
| #555555 | #660000 | #006600 | #000066 | ||||
| #444444 | #550000 | #005500 | #000055 | ||||
| #333333 | #440000 | #004400 | #000044 | ||||
| #222222 | #330000 | #003300 | #000033 | ||||
| #111111 | #220000 | #002200 | #000022 | ||||
| #000000 | #110000 | #001100 | #000011 |
Colores Web No Difuminados
| #ffffff | #ffccff | #ff99ff | #ff66ff | #ff33ff | #ff00ff | ||||||
| #ffffcc | #ffcccc | #ff99cc | #ff66cc | #ff33cc | #ff00cc | ||||||
| #ffff99 | #ffcc99 | #ff9999 | #ff6699 | #ff3399 | #ff0099 | ||||||
| #ffff66 | #ffcc66 | #ff9966 | #ff6666 | #ff3366 | #ff0066 | ||||||
| #ffff33 | #ffcc33 | #ff9933 | #ff6633 | #ff3333 | #ff0033 | ||||||
| #ffff00 | #ffcc00 | #ff9900 | #ff6600 | #ff3300 | #ff0000 | ||||||
| #ccffff | #ccccff | #cc99ff | #cc66ff | #cc33ff | #cc00ff | ||||||
| #ccffcc | #cccccc | #cc99cc | #cc66cc | #cc33cc | #cc00cc | ||||||
| #ccff99 | #cccc99 | #cc9999 | #cc6699 | #cc3399 | #cc0099 | ||||||
| #ccff66 | #cccc66 | #cc9966 | #cc6666 | #cc3366 | #cc0066 | ||||||
| #ccff33 | #cccc33 | #cc9933 | #cc6633 | #cc3333 | #cc0033 | ||||||
| #ccff00 | #cccc00 | #cc9900 | #cc6600 | #cc3300 | #cc0000 | ||||||
| #99ffff | #99ccff | #9999ff | #9966ff | #9933ff | #9900ff | ||||||
| #99ffcc | #99cccc | #9999cc | #9966cc | #9933cc | #9900cc | ||||||
| #99ff99 | #99cc99 | #999999 | #996699 | #993399 | #990099 | ||||||
| #99ff66 | #99cc66 | #999966 | #996666 | #993366 | #990066 | ||||||
| #99ff33 | #99cc33 | #999933 | #996633 | #993333 | #990033 | ||||||
| #99ff00 | #99cc00 | #999900 | #996600 | #993300 | #990000 | ||||||
| #66ffff | #66ccff | #6699ff | #6666ff | #6633ff | #6600ff | ||||||
| #66ffcc | #66cccc | #6699cc | #6666cc | #6633cc | #6600cc | ||||||
| #66ff99 | #66cc99 | #669999 | #666699 | #663399 | #660099 | ||||||
| #66ff66 | #66cc66 | #669966 | #666666 | #663366 | #660066 | ||||||
| #66ff33 | #66cc33 | #669933 | #666633 | #663333 | #660033 | ||||||
| #66ff00 | #66cc00 | #669900 | #666600 | #663300 | #660000 | ||||||
| #33ffff | #33ccff | #3399ff | #3366ff | #3333ff | #3300ff | ||||||
| #33ffcc | #33cccc | #3399cc | #3366cc | #3333cc | #3300cc | ||||||
| #33ff99 | #33cc99 | #339999 | #336699 | #333399 | #330099 | ||||||
| #33ff66 | #33cc66 | #339966 | #336666 | #333366 | #330066 | ||||||
| #33ff33 | #33cc33 | #339933 | #336633 | #333333 | #330033 | ||||||
| #33ff00 | #33cc00 | #339900 | #336600 | #333300 | #330000 | ||||||
| #00ffff | #00ccff | #0099ff | #0066ff | #0033ff | #0000ff | ||||||
| #00ffcc | #00cccc | #0099cc | #0066cc | #0033cc | #0000cc | ||||||
| #00ff99 | #00cc99 | #009999 | #006699 | #003399 | #000099 | ||||||
| #00ff66 | #00cc66 | #009966 | #006666 | #003366 | #000066 | ||||||
| #00ff33 | #00cc33 | #009933 | #006633 | #003333 | #000033 | ||||||
| #00ff00 | #00cc00 | #009900 | #006600 | #003300 | #000000 |
El código a continuación:
<div align="center"> <h2>Tabla de Colores</h2> <table style="width: 550px !important;" border="0"> <tbody> <tr> <td style="background-color: #eeeeee; width: 10px; border: 1px solid #000;"> </td> <td>#eeeeee</td> <td style="background-color: #ff0000; width: 10px; border: 1px solid #000;"> </td> <td>#ff0000</td> <td style="background-color: #00ff00; width: 10px; border: 1px solid #000;"> </td> <td>#00ff00</td> <td style="background-color: #0000ff; width: 10px; border: 1px solid #000;"> </td> <td>#0000ff</td> </tr> <tr> <td style="background-color: #dddddd; width: 10px; border: 1px solid #000;"> </td> <td>#dddddd</td> <td style="background-color: #ee0000; width: 10px; border: 1px solid #000;"> </td> <td>#ee0000</td> <td style="background-color: #00ee00; width: 10px; border: 1px solid #000;"> </td> <td>#00ee00</td> <td style="background-color: #0000ee; width: 10px; border: 1px solid #000;"> </td> <td>#0000ee</td> </tr> <tr> <td style="background-color: #cccccc; width: 10px; border: 1px solid #000;"> </td> <td>#cccccc</td> <td style="background-color: #dd0000; width: 10px; border: 1px solid #000;"> </td> <td>#dd0000</td> <td style="background-color: #00dd00; width: 10px; border: 1px solid #000;"> </td> <td>#00dd00</td> <td style="background-color: #0000dd; width: 10px; border: 1px solid #000;"> </td> <td>#0000dd</td> </tr> <tr> <td style="background-color: #bbbbbb; width: 10px; border: 1px solid #000;"> </td> <td>#bbbbbb</td> <td style="background-color: #cc0000; width: 10px; border: 1px solid #000;"> </td> <td>#cc0000</td> <td style="background-color: #00cc00; width: 10px; border: 1px solid #000;"> </td> <td>#00cc00</td> <td style="background-color: #0000cc; width: 10px; border: 1px solid #000;"> </td> <td>#0000cc</td> </tr> <tr> <td style="background-color: #aaaaaa; width: 10px; border: 1px solid #000;"> </td> <td>#aaaaaa</td> <td style="background-color: #bb0000; width: 10px; border: 1px solid #000;"> </td> <td>#bb0000</td> <td style="background-color: #00bb00; width: 10px; border: 1px solid #000;"> </td> <td>#00bb00</td> <td style="background-color: #0000bb; width: 10px; border: 1px solid #000;"> </td> <td>#0000bb</td> </tr> <tr> <td style="background-color: #999999; width: 10px; border: 1px solid #000;"> </td> <td>#999999</td> <td style="background-color: #aa0000; width: 10px; border: 1px solid #000;"> </td> <td>#aa0000</td> <td style="background-color: #00aa00; width: 10px; border: 1px solid #000;"> </td> <td>#00aa00</td> <td style="background-color: #0000aa; width: 10px; border: 1px solid #000;"> </td> <td>#0000aa</td> </tr> <tr> <td style="background-color: #888888; width: 10px; border: 1px solid #000;"> </td> <td>#888888</td> <td style="background-color: #990000; width: 10px; border: 1px solid #000;"> </td> <td>#990000</td> <td style="background-color: #009900; width: 10px; border: 1px solid #000;"> </td> <td>#009900</td> <td style="background-color: #000099; width: 10px; border: 1px solid #000;"> </td> <td>#000099</td> </tr> <tr> <td style="background-color: #777777; width: 10px; border: 1px solid #000;"> </td> <td>#777777</td> <td style="background-color: #880000; width: 10px; border: 1px solid #000;"> </td> <td>#880000</td> <td style="background-color: #008800; width: 10px; border: 1px solid #000;"> </td> <td>#008800</td> <td style="background-color: #000088; width: 10px; border: 1px solid #000;"> </td> <td>#000088</td> </tr> <tr> <td style="background-color: #666666; width: 10px; border: 1px solid #000;"> </td> <td>#666666</td> <td style="background-color: #770000; width: 10px; border: 1px solid #000;"> </td> <td>#770000</td> <td style="background-color: #007700; width: 10px; border: 1px solid #000;"> </td> <td>#007700</td> <td style="background-color: #000077; width: 10px; border: 1px solid #000;"> </td> <td>#000077</td> </tr> <tr> <td style="background-color: #555555; width: 10px; border: 1px solid #000;"> </td> <td>#555555</td> <td style="background-color: #660000; width: 10px; border: 1px solid #000;"> </td> <td>#660000</td> <td style="background-color: #006600; width: 10px; border: 1px solid #000;"> </td> <td>#006600</td> <td style="background-color: #000066; width: 10px; border: 1px solid #000;"> </td> <td>#000066</td> </tr> <tr> <td style="background-color: #444444; width: 10px; border: 1px solid #000;"> </td> <td>#444444</td> <td style="background-color: #550000; width: 10px; border: 1px solid #000;"> </td> <td>#550000</td> <td style="background-color: #005500; width: 10px; border: 1px solid #000;"> </td> <td>#005500</td> <td style="background-color: #000055; width: 10px; border: 1px solid #000;"> </td> <td>#000055</td> </tr> <tr> <td style="background-color: #333333; width: 10px; border: 1px solid #000;"> </td> <td>#333333</td> <td style="background-color: #440000; width: 10px; border: 1px solid #000;"> </td> <td>#440000</td> <td style="background-color: #004400; width: 10px; border: 1px solid #000;"> </td> <td>#004400</td> <td style="background-color: #000044; width: 10px; border: 1px solid #000;"> </td> <td>#000044</td> </tr> <tr> <td style="background-color: #222222; width: 10px; border: 1px solid #000;"> </td> <td>#222222</td> <td style="background-color: #330000; width: 10px; border: 1px solid #000;"> </td> <td>#330000</td> <td style="background-color: #003300; width: 10px; border: 1px solid #000;"> </td> <td>#003300</td> <td style="background-color: #000033; width: 10px; border: 1px solid #000;"> </td> <td>#000033</td> </tr> <tr> <td style="background-color: #111111; width: 10px; border: 1px solid #000;"> </td> <td>#111111</td> <td style="background-color: #220000; width: 10px; border: 1px solid #000;"> </td> <td>#220000</td> <td style="background-color: #002200; width: 10px; border: 1px solid #000;"> </td> <td>#002200</td> <td style="background-color: #000022; width: 10px; border: 1px solid #000;"> </td> <td>#000022</td> </tr> <tr> <td style="background-color: #000000; width: 10px; border: 1px solid #000;"> </td> <td>#000000</td> <td style="background-color: #110000; width: 10px; border: 1px solid #000;"> </td> <td>#110000</td> <td style="background-color: #001100; width: 10px; border: 1px solid #000;"> </td> <td>#001100</td> <td style="background-color: #000011; width: 10px; border: 1px solid #000;"> </td> <td>#000011</td> </tr> </tbody> </table> <h3>Colores Web </h3> <table style="width: 500px !important;" border="0"> <tbody> <tr> <td style="background-color: #ffffff; width: 10px; border: 1px solid #000;"> </td> <td>#ffffff</td> <td style="background-color: #ffccff; width: 10px; border: 1px solid #000;"> </td> <td>#ffccff</td> <td style="background-color: #ff99ff; width: 10px; border: 1px solid #000;"> </td> <td>#ff99ff</td> <td style="background-color: #ff66ff; width: 10px; border: 1px solid #000;"> </td> <td>#ff66ff</td> <td style="background-color: #ff33ff; width: 10px; border: 1px solid #000;"> </td> <td>#ff33ff</td> <td style="background-color: #ff00ff; width: 10px; border: 1px solid #000;"> </td> <td>#ff00ff</td> </tr> <tr> <td style="background-color: #ffffcc; width: 10px; border: 1px solid #000;"> </td> <td>#ffffcc</td> <td style="background-color: #ffcccc; width: 10px; border: 1px solid #000;"> </td> <td>#ffcccc</td> <td style="background-color: #ff99cc; width: 10px; border: 1px solid #000;"> </td> <td>#ff99cc</td> <td style="background-color: #ff66cc; width: 10px; border: 1px solid #000;"> </td> <td>#ff66cc</td> <td style="background-color: #ff33cc; width: 10px; border: 1px solid #000;"> </td> <td>#ff33cc</td> <td style="background-color: #ff00cc; width: 10px; border: 1px solid #000;"> </td> <td>#ff00cc</td> </tr> <tr> <td style="background-color: #ffff99; width: 10px; border: 1px solid #000;"> </td> <td>#ffff99</td> <td style="background-color: #ffcc99; width: 10px; border: 1px solid #000;"> </td> <td>#ffcc99</td> <td style="background-color: #ff9999; width: 10px; border: 1px solid #000;"> </td> <td>#ff9999</td> <td style="background-color: #ff6699; width: 10px; border: 1px solid #000;"> </td> <td>#ff6699</td> <td style="background-color: #ff3399; width: 10px; border: 1px solid #000;"> </td> <td>#ff3399</td> <td style="background-color: #ff0099; width: 10px; border: 1px solid #000;"> </td> <td>#ff0099</td> </tr> <tr> <td style="background-color: #ffff66; width: 10px; border: 1px solid #000;"> </td> <td>#ffff66</td> <td style="background-color: #ffcc66; width: 10px; border: 1px solid #000;"> </td> <td>#ffcc66</td> <td style="background-color: #ff9966; width: 10px; border: 1px solid #000;"> </td> <td>#ff9966</td> <td style="background-color: #ff6666; width: 10px; border: 1px solid #000;"> </td> <td>#ff6666</td> <td style="background-color: #ff3366; width: 10px; border: 1px solid #000;"> </td> <td>#ff3366</td> <td style="background-color: #ff0066; width: 10px; border: 1px solid #000;"> </td> <td>#ff0066</td> </tr> <tr> <td style="background-color: #ffff33; width: 10px; border: 1px solid #000;"> </td> <td>#ffff33</td> <td style="background-color: #ffcc33; width: 10px; border: 1px solid #000;"> </td> <td>#ffcc33</td> <td style="background-color: #ff9933; width: 10px; border: 1px solid #000;"> </td> <td>#ff9933</td> <td style="background-color: #ff6633; width: 10px; border: 1px solid #000;"> </td> <td>#ff6633</td> <td style="background-color: #ff3333; width: 10px; border: 1px solid #000;"> </td> <td>#ff3333</td> <td style="background-color: #ff0033; width: 10px; border: 1px solid #000;"> </td> <td>#ff0033</td> </tr> <tr> <td style="background-color: #ffff00; width: 10px; border: 1px solid #000;"> </td> <td>#ffff00</td> <td style="background-color: #ffcc00; width: 10px; border: 1px solid #000;"> </td> <td>#ffcc00</td> <td style="background-color: #ff9900; width: 10px; border: 1px solid #000;"> </td> <td>#ff9900</td> <td style="background-color: #ff6600; width: 10px; border: 1px solid #000;"> </td> <td>#ff6600</td> <td style="background-color: #ff3300; width: 10px; border: 1px solid #000;"> </td> <td>#ff3300</td> <td style="background-color: #ff0000; width: 10px; border: 1px solid #000;"> </td> <td>#ff0000</td> </tr> <tr> <td style="background-color: #ccffff; width: 10px; border: 1px solid #000;"> </td> <td>#ccffff</td> <td style="background-color: #ccccff; width: 10px; border: 1px solid #000;"> </td> <td>#ccccff</td> <td style="background-color: #cc99ff; width: 10px; border: 1px solid #000;"> </td> <td>#cc99ff</td> <td style="background-color: #cc66ff; width: 10px; border: 1px solid #000;"> </td> <td>#cc66ff</td> <td style="background-color: #cc33ff; width: 10px; border: 1px solid #000;"> </td> <td>#cc33ff</td> <td style="background-color: #cc00ff; width: 10px; border: 1px solid #000;"> </td> <td>#cc00ff</td> </tr> <tr> <td style="background-color: #ccffcc; width: 10px; border: 1px solid #000;"> </td> <td>#ccffcc</td> <td style="background-color: #cccccc; width: 10px; border: 1px solid #000;"> </td> <td>#cccccc</td> <td style="background-color: #cc99cc; width: 10px; border: 1px solid #000;"> </td> <td>#cc99cc</td> <td style="background-color: #cc66cc; width: 10px; border: 1px solid #000;"> </td> <td>#cc66cc</td> <td style="background-color: #cc33cc; width: 10px; border: 1px solid #000;"> </td> <td>#cc33cc</td> <td style="background-color: #cc00cc; width: 10px; border: 1px solid #000;"> </td> <td>#cc00cc</td> </tr> <tr> <td style="background-color: #ccff99; width: 10px; border: 1px solid #000;"> </td> <td>#ccff99</td> <td style="background-color: #cccc99; width: 10px; border: 1px solid #000;"> </td> <td>#cccc99</td> <td style="background-color: #cc9999; width: 10px; border: 1px solid #000;"> </td> <td>#cc9999</td> <td style="background-color: #cc6699; width: 10px; border: 1px solid #000;"> </td> <td>#cc6699</td> <td style="background-color: #cc3399; width: 10px; border: 1px solid #000;"> </td> <td>#cc3399</td> <td style="background-color: #cc0099; width: 10px; border: 1px solid #000;"> </td> <td>#cc0099</td> </tr> <tr> <td style="background-color: #ccff66; width: 10px; border: 1px solid #000;"> </td> <td>#ccff66</td> <td style="background-color: #cccc66; width: 10px; border: 1px solid #000;"> </td> <td>#cccc66</td> <td style="background-color: #cc9966; width: 10px; border: 1px solid #000;"> </td> <td>#cc9966</td> <td style="background-color: #cc6666; width: 10px; border: 1px solid #000;"> </td> <td>#cc6666</td> <td style="background-color: #cc3366; width: 10px; border: 1px solid #000;"> </td> <td>#cc3366</td> <td style="background-color: #cc0066; width: 10px; border: 1px solid #000;"> </td> <td>#cc0066</td> </tr> <tr> <td style="background-color: #ccff33; width: 10px; border: 1px solid #000;"> </td> <td>#ccff33</td> <td style="background-color: #cccc33; width: 10px; border: 1px solid #000;"> </td> <td>#cccc33</td> <td style="background-color: #cc9933; width: 10px; border: 1px solid #000;"> </td> <td>#cc9933</td> <td style="background-color: #cc6633; width: 10px; border: 1px solid #000;"> </td> <td>#cc6633</td> <td style="background-color: #cc3333; width: 10px; border: 1px solid #000;"> </td> <td>#cc3333</td> <td style="background-color: #cc0033; width: 10px; border: 1px solid #000;"> </td> <td>#cc0033</td> </tr> <tr> <td style="background-color: #ccff00; width: 10px; border: 1px solid #000;"> </td> <td>#ccff00</td> <td style="background-color: #cccc00; width: 10px; border: 1px solid #000;"> </td> <td>#cccc00</td> <td style="background-color: #cc9900; width: 10px; border: 1px solid #000;"> </td> <td>#cc9900</td> <td style="background-color: #cc6600; width: 10px; border: 1px solid #000;"> </td> <td>#cc6600</td> <td style="background-color: #cc3300; width: 10px; border: 1px solid #000;"> </td> <td>#cc3300</td> <td style="background-color: #cc0000; width: 10px; border: 1px solid #000;"> </td> <td>#cc0000</td> </tr> <tr> <td style="background-color: #99ffff; width: 10px; border: 1px solid #000;"> </td> <td>#99ffff</td> <td style="background-color: #99ccff; width: 10px; border: 1px solid #000;"> </td> <td>#99ccff</td> <td style="background-color: #9999ff; width: 10px; border: 1px solid #000;"> </td> <td>#9999ff</td> <td style="background-color: #9966ff; width: 10px; border: 1px solid #000;"> </td> <td>#9966ff</td> <td style="background-color: #9933ff; width: 10px; border: 1px solid #000;"> </td> <td>#9933ff</td> <td style="background-color: #9900ff; width: 10px; border: 1px solid #000;"> </td> <td>#9900ff</td> </tr> <tr> <td style="background-color: #99ffcc; width: 10px; border: 1px solid #000;"> </td> <td>#99ffcc</td> <td style="background-color: #99cccc; width: 10px; border: 1px solid #000;"> </td> <td>#99cccc</td> <td style="background-color: #9999cc; width: 10px; border: 1px solid #000;"> </td> <td>#9999cc</td> <td style="background-color: #9966cc; width: 10px; border: 1px solid #000;"> </td> <td>#9966cc</td> <td style="background-color: #9933cc; width: 10px; border: 1px solid #000;"> </td> <td>#9933cc</td> <td style="background-color: #9900cc; width: 10px; border: 1px solid #000;"> </td> <td>#9900cc</td> </tr> <tr> <td style="background-color: #99ff99; width: 10px; border: 1px solid #000;"> </td> <td>#99ff99</td> <td style="background-color: #99cc99; width: 10px; border: 1px solid #000;"> </td> <td>#99cc99</td> <td style="background-color: #999999; width: 10px; border: 1px solid #000;"> </td> <td>#999999</td> <td style="background-color: #996699; width: 10px; border: 1px solid #000;"> </td> <td>#996699</td> <td style="background-color: #993399; width: 10px; border: 1px solid #000;"> </td> <td>#993399</td> <td style="background-color: #990099; width: 10px; border: 1px solid #000;"> </td> <td>#990099</td> </tr> <tr> <td style="background-color: #99ff66; width: 10px; border: 1px solid #000;"> </td> <td>#99ff66</td> <td style="background-color: #99cc66; width: 10px; border: 1px solid #000;"> </td> <td>#99cc66</td> <td style="background-color: #999966; width: 10px; border: 1px solid #000;"> </td> <td>#999966</td> <td style="background-color: #996666; width: 10px; border: 1px solid #000;"> </td> <td>#996666</td> <td style="background-color: #993366; width: 10px; border: 1px solid #000;"> </td> <td>#993366</td> <td style="background-color: #990066; width: 10px; border: 1px solid #000;"> </td> <td>#990066</td> </tr> <tr> <td style="background-color: #99ff33; width: 10px; border: 1px solid #000;"> </td> <td>#99ff33</td> <td style="background-color: #99cc33; width: 10px; border: 1px solid #000;"> </td> <td>#99cc33</td> <td style="background-color: #999933; width: 10px; border: 1px solid #000;"> </td> <td>#999933</td> <td style="background-color: #996633; width: 10px; border: 1px solid #000;"> </td> <td>#996633</td> <td style="background-color: #993333; width: 10px; border: 1px solid #000;"> </td> <td>#993333</td> <td style="background-color: #990033; width: 10px; border: 1px solid #000;"> </td> <td>#990033</td> </tr> <tr> <td style="background-color: #99ff00; width: 10px; border: 1px solid #000;"> </td> <td>#99ff00</td> <td style="background-color: #99cc00; width: 10px; border: 1px solid #000;"> </td> <td>#99cc00</td> <td style="background-color: #999900; width: 10px; border: 1px solid #000;"> </td> <td>#999900</td> <td style="background-color: #996600; width: 10px; border: 1px solid #000;"> </td> <td>#996600</td> <td style="background-color: #993300; width: 10px; border: 1px solid #000;"> </td> <td>#993300</td> <td style="background-color: #990000; width: 10px; border: 1px solid #000;"> </td> <td>#990000</td> </tr> <tr> <td style="background-color: #66ffff; width: 10px; border: 1px solid #000;"> </td> <td>#66ffff</td> <td style="background-color: #66ccff; width: 10px; border: 1px solid #000;"> </td> <td>#66ccff</td> <td style="background-color: #6699ff; width: 10px; border: 1px solid #000;"> </td> <td>#6699ff</td> <td style="background-color: #6666ff; width: 10px; border: 1px solid #000;"> </td> <td>#6666ff</td> <td style="background-color: #6633ff; width: 10px; border: 1px solid #000;"> </td> <td>#6633ff</td> <td style="background-color: #6600ff; width: 10px; border: 1px solid #000;"> </td> <td>#6600ff</td> </tr> <tr> <td style="background-color: #66ffcc; width: 10px; border: 1px solid #000;"> </td> <td>#66ffcc</td> <td style="background-color: #66cccc; width: 10px; border: 1px solid #000;"> </td> <td>#66cccc</td> <td style="background-color: #6699cc; width: 10px; border: 1px solid #000;"> </td> <td>#6699cc</td> <td style="background-color: #6666cc; width: 10px; border: 1px solid #000;"> </td> <td>#6666cc</td> <td style="background-color: #6633cc; width: 10px; border: 1px solid #000;"> </td> <td>#6633cc</td> <td style="background-color: #6600cc; width: 10px; border: 1px solid #000;"> </td> <td>#6600cc</td> </tr> <tr> <td style="background-color: #66ff99; width: 10px; border: 1px solid #000;"> </td> <td>#66ff99</td> <td style="background-color: #66cc99; width: 10px; border: 1px solid #000;"> </td> <td>#66cc99</td> <td style="background-color: #669999; width: 10px; border: 1px solid #000;"> </td> <td>#669999</td> <td style="background-color: #666699; width: 10px; border: 1px solid #000;"> </td> <td>#666699</td> <td style="background-color: #663399; width: 10px; border: 1px solid #000;"> </td> <td>#663399</td> <td style="background-color: #660099; width: 10px; border: 1px solid #000;"> </td> <td>#660099</td> </tr> <tr> <td style="background-color: #66ff66; width: 10px; border: 1px solid #000;"> </td> <td>#66ff66</td> <td style="background-color: #66cc66; width: 10px; border: 1px solid #000;"> </td> <td>#66cc66</td> <td style="background-color: #669966; width: 10px; border: 1px solid #000;"> </td> <td>#669966</td> <td style="background-color: #666666; width: 10px; border: 1px solid #000;"> </td> <td>#666666</td> <td style="background-color: #663366; width: 10px; border: 1px solid #000;"> </td> <td>#663366</td> <td style="background-color: #660066; width: 10px; border: 1px solid #000;"> </td> <td>#660066</td> </tr> <tr> <td style="background-color: #66ff33; width: 10px; border: 1px solid #000;"> </td> <td>#66ff33</td> <td style="background-color: #66cc33; width: 10px; border: 1px solid #000;"> </td> <td>#66cc33</td> <td style="background-color: #669933; width: 10px; border: 1px solid #000;"> </td> <td>#669933</td> <td style="background-color: #666633; width: 10px; border: 1px solid #000;"> </td> <td>#666633</td> <td style="background-color: #663333; width: 10px; border: 1px solid #000;"> </td> <td>#663333</td> <td style="background-color: #660033; width: 10px; border: 1px solid #000;"> </td> <td>#660033</td> </tr> <tr> <td style="background-color: #66ff00; width: 10px; border: 1px solid #000;"> </td> <td>#66ff00</td> <td style="background-color: #66cc00; width: 10px; border: 1px solid #000;"> </td> <td>#66cc00</td> <td style="background-color: #669900; width: 10px; border: 1px solid #000;"> </td> <td>#669900</td> <td style="background-color: #666600; width: 10px; border: 1px solid #000;"> </td> <td>#666600</td> <td style="background-color: #663300; width: 10px; border: 1px solid #000;"> </td> <td>#663300</td> <td style="background-color: #660000; width: 10px; border: 1px solid #000;"> </td> <td>#660000</td> </tr> <tr> <td style="background-color: #33ffff; width: 10px; border: 1px solid #000;"> </td> <td>#33ffff</td> <td style="background-color: #33ccff; width: 10px; border: 1px solid #000;"> </td> <td>#33ccff</td> <td style="background-color: #3399ff; width: 10px; border: 1px solid #000;"> </td> <td>#3399ff</td> <td style="background-color: #3366ff; width: 10px; border: 1px solid #000;"> </td> <td>#3366ff</td> <td style="background-color: #3333ff; width: 10px; border: 1px solid #000;"> </td> <td>#3333ff</td> <td style="background-color: #3300ff; width: 10px; border: 1px solid #000;"> </td> <td>#3300ff</td> </tr> <tr> <td style="background-color: #33ffcc; width: 10px; border: 1px solid #000;"> </td> <td>#33ffcc</td> <td style="background-color: #33cccc; width: 10px; border: 1px solid #000;"> </td> <td>#33cccc</td> <td style="background-color: #3399cc; width: 10px; border: 1px solid #000;"> </td> <td>#3399cc</td> <td style="background-color: #3366cc; width: 10px; border: 1px solid #000;"> </td> <td>#3366cc</td> <td style="background-color: #3333cc; width: 10px; border: 1px solid #000;"> </td> <td>#3333cc</td> <td style="background-color: #3300cc; width: 10px; border: 1px solid #000;"> </td> <td>#3300cc</td> </tr> <tr> <td style="background-color: #33ff99; width: 10px; border: 1px solid #000;"> </td> <td>#33ff99</td> <td style="background-color: #33cc99; width: 10px; border: 1px solid #000;"> </td> <td>#33cc99</td> <td style="background-color: #339999; width: 10px; border: 1px solid #000;"> </td> <td>#339999</td> <td style="background-color: #336699; width: 10px; border: 1px solid #000;"> </td> <td>#336699</td> <td style="background-color: #333399; width: 10px; border: 1px solid #000;"> </td> <td>#333399</td> <td style="background-color: #330099; width: 10px; border: 1px solid #000;"> </td> <td>#330099</td> </tr> <tr> <td style="background-color: #33ff66; width: 10px; border: 1px solid #000;"> </td> <td>#33ff66</td> <td style="background-color: #33cc66; width: 10px; border: 1px solid #000;"> </td> <td>#33cc66</td> <td style="background-color: #339966; width: 10px; border: 1px solid #000;"> </td> <td>#339966</td> <td style="background-color: #336666; width: 10px; border: 1px solid #000;"> </td> <td>#336666</td> <td style="background-color: #333366; width: 10px; border: 1px solid #000;"> </td> <td>#333366</td> <td style="background-color: #330066; width: 10px; border: 1px solid #000;"> </td> <td>#330066</td> </tr> <tr> <td style="background-color: #33ff33; width: 10px; border: 1px solid #000;"> </td> <td>#33ff33</td> <td style="background-color: #33cc33; width: 10px; border: 1px solid #000;"> </td> <td>#33cc33</td> <td style="background-color: #339933; width: 10px; border: 1px solid #000;"> </td> <td>#339933</td> <td style="background-color: #336633; width: 10px; border: 1px solid #000;"> </td> <td>#336633</td> <td style="background-color: #333333; width: 10px; border: 1px solid #000;"> </td> <td>#333333</td> <td style="background-color: #330033; width: 10px; border: 1px solid #000;"> </td> <td>#330033</td> </tr> <tr> <td style="background-color: #33ff00; width: 10px; border: 1px solid #000;"> </td> <td>#33ff00</td> <td style="background-color: #33cc00; width: 10px; border: 1px solid #000;"> </td> <td>#33cc00</td> <td style="background-color: #339900; width: 10px; border: 1px solid #000;"> </td> <td>#339900</td> <td style="background-color: #336600; width: 10px; border: 1px solid #000;"> </td> <td>#336600</td> <td style="background-color: #333300; width: 10px; border: 1px solid #000;"> </td> <td>#333300</td> <td style="background-color: #330000; width: 10px; border: 1px solid #000;"> </td> <td>#330000</td> </tr> <tr> <td style="background-color: #00ffff; width: 10px; border: 1px solid #000;"> </td> <td>#00ffff</td> <td style="background-color: #00ccff; width: 10px; border: 1px solid #000;"> </td> <td>#00ccff</td> <td style="background-color: #0099ff; width: 10px; border: 1px solid #000;"> </td> <td>#0099ff</td> <td style="background-color: #0066ff; width: 10px; border: 1px solid #000;"> </td> <td>#0066ff</td> <td style="background-color: #0033ff; width: 10px; border: 1px solid #000;"> </td> <td>#0033ff</td> <td style="background-color: #0000ff; width: 10px; border: 1px solid #000;"> </td> <td>#0000ff</td> </tr> <tr> <td style="background-color: #00ffcc; width: 10px; border: 1px solid #000;"> </td> <td>#00ffcc</td> <td style="background-color: #00cccc; width: 10px; border: 1px solid #000;"> </td> <td>#00cccc</td> <td style="background-color: #0099cc; width: 10px; border: 1px solid #000;"> </td> <td>#0099cc</td> <td style="background-color: #0066cc; width: 10px; border: 1px solid #000;"> </td> <td>#0066cc</td> <td style="background-color: #0033cc; width: 10px; border: 1px solid #000;"> </td> <td>#0033cc</td> <td style="background-color: #0000cc; width: 10px; border: 1px solid #000;"> </td> <td>#0000cc</td> </tr> <tr> <td style="background-color: #00ff99; width: 10px; border: 1px solid #000;"> </td> <td>#00ff99</td> <td style="background-color: #00cc99; width: 10px; border: 1px solid #000;"> </td> <td>#00cc99</td> <td style="background-color: #009999; width: 10px; border: 1px solid #000;"> </td> <td>#009999</td> <td style="background-color: #006699; width: 10px; border: 1px solid #000;"> </td> <td>#006699</td> <td style="background-color: #003399; width: 10px; border: 1px solid #000;"> </td> <td>#003399</td> <td style="background-color: #000099; width: 10px; border: 1px solid #000;"> </td> <td>#000099</td> </tr> <tr> <td style="background-color: #00ff66; width: 10px; border: 1px solid #000;"> </td> <td>#00ff66</td> <td style="background-color: #00cc66; width: 10px; border: 1px solid #000;"> </td> <td>#00cc66</td> <td style="background-color: #009966; width: 10px; border: 1px solid #000;"> </td> <td>#009966</td> <td style="background-color: #006666; width: 10px; border: 1px solid #000;"> </td> <td>#006666</td> <td style="background-color: #003366; width: 10px; border: 1px solid #000;"> </td> <td>#003366</td> <td style="background-color: #000066; width: 10px; border: 1px solid #000;"> </td> <td>#000066</td> </tr> <tr> <td style="background-color: #00ff33; width: 10px; border: 1px solid #000;"> </td> <td>#00ff33</td> <td style="background-color: #00cc33; width: 10px; border: 1px solid #000;"> </td> <td>#00cc33</td> <td style="background-color: #009933; width: 10px; border: 1px solid #000;"> </td> <td>#009933</td> <td style="background-color: #006633; width: 10px; border: 1px solid #000;"> </td> <td>#006633</td> <td style="background-color: #003333; width: 10px; border: 1px solid #000;"> </td> <td>#003333</td> <td style="background-color: #000033; width: 10px; border: 1px solid #000;"> </td> <td>#000033</td> </tr> <tr> <td style="background-color: #00ff00; width: 10px; border: 1px solid #000;"> </td> <td>#00ff00</td> <td style="background-color: #00cc00; width: 10px; border: 1px solid #000;"> </td> <td>#00cc00</td> <td style="background-color: #009900; width: 10px; border: 1px solid #000;"> </td> <td>#009900</td> <td style="background-color: #006600; width: 10px; border: 1px solid #000;"> </td> <td>#006600</td> <td style="background-color: #003300; width: 10px; border: 1px solid #000;"> </td> <td>#003300</td> <td style="background-color: #000000; width: 10px; border: 1px solid #000;"> </td> <td>#000000</td> </tr> </tbody> </table> </div>
