Advertisement
Guest User

Colour Chart Source Code

a guest
May 16th, 2014
346
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.39 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <table>
  6.     <tr>
  7.       <td width="10%" height="30" style="text-align:center;color:#ffffff;background-color:#000000">000000</td>
  8.       <td width="10%" style="text-align:center;color:#ffffff;background-color:#000033">000033</td>
  9.       <td width="10%" style="text-align:center;color:#ffffff;background-color:#000066">000066</td>
  10.       <td width="10%" style="text-align:center;color:#ffffff;background-color:#000099">000099</td>
  11.       <td width="10%" style="text-align:center;color:#ffffff;background-color:#0000cc">0000CC</td>
  12.       <td width="10%" style="text-align:center;color:#ffffff;background-color:#0000ff">0000FF</td>
  13.     </tr>
  14.     <tr>
  15.       <td height="30" style="text-align:center;color:#ffffff;background-color:#003300">003300</td>
  16.       <td style="text-align:center;color:#ffffff;background-color:#003333">003333</td>
  17.       <td style="text-align:center;color:#ffffff;background-color:#003366">003366</td>
  18.       <td style="text-align:center;color:#ffffff;background-color:#003399">003399</td>
  19.       <td style="text-align:center;color:#ffffff;background-color:#0033cc">0033CC</td>
  20.       <td style="text-align:center;color:#ffffff;background-color:#0033ff">0033FF</td>
  21.     </tr>
  22.     <tr>
  23.       <td height="30" style="text-align:center;color:#ffffff;background-color:#006600">006600</td>
  24.       <td style="text-align:center;color:#ffffff;background-color:#006633">006633</td>
  25.       <td style="text-align:center;color:#ffffff;background-color:#006666">006666</td>
  26.       <td style="text-align:center;color:#ffffff;background-color:#006699">006699</td>
  27.       <td style="text-align:center;color:#ffffff;background-color:#0066cc">0066CC</td>
  28.       <td style="text-align:center;color:#ffffff;background-color:#0066ff">0066FF</td>
  29.     </tr>
  30.     <tr>
  31.       <td height="30" style="text-align:center;background-color:#009900">009900</td>
  32.       <td style="text-align:center;background-color:#009933">009933</td>
  33.       <td style="text-align:center;background-color:#009966">009966</td>
  34.       <td style="text-align:center;background-color:#009999">009999</td>
  35.       <td style="text-align:center;background-color:#0099cc">0099CC</td>
  36.       <td style="text-align:center;background-color:#0099ff">0099FF</td>
  37.     </tr>
  38.     <tr>
  39.       <td height="30" style="text-align:center;background-color:#00cc00">00CC00</td>
  40.       <td style="text-align:center;background-color:#00cc33">00CC33</td>
  41.       <td style="text-align:center;background-color:#00cc66">00CC66</td>
  42.       <td style="text-align:center;background-color:#00cc99">00CC99</td>
  43.       <td style="text-align:center;background-color:#00cccc">00CCCC</td>
  44.       <td style="text-align:center;background-color:#00ccff">00CCFF</td>
  45.     </tr>
  46.     <tr>
  47.       <td height="30" style="text-align:center;background-color:#00ff00">00FF00</td>
  48.       <td style="text-align:center;background-color:#00ff33">00FF33</td>
  49.       <td style="text-align:center;background-color:#00ff66">00FF66</td>
  50.       <td style="text-align:center;background-color:#00ff99">00FF99</td>
  51.       <td style="text-align:center;background-color:#00ffcc">00FFCC</td>
  52.       <td style="text-align:center;background-color:#00ffff">00FFFF</td>
  53.     </tr>
  54.     <tr>
  55.       <td height="30" style="text-align:center;color:#ffffff;background-color:#330000">330000</td>
  56.       <td style="text-align:center;color:#ffffff;background-color:#330033">330033</td>
  57.       <td style="text-align:center;color:#ffffff;background-color:#330066">330066</td>
  58.       <td style="text-align:center;color:#ffffff;background-color:#330099">330099</td>
  59.       <td style="text-align:center;color:#ffffff;background-color:#3300cc">3300CC</td>
  60.       <td style="text-align:center;color:#ffffff;background-color:#3300ff">3300FF</td>
  61.     </tr>
  62.     <tr>
  63.       <td height="30" style="text-align:center;color:#ffffff;background-color:#333300">333300</td>
  64.       <td style="text-align:center;color:#ffffff;background-color:#333333">333333</td>
  65.       <td style="text-align:center;color:#ffffff;background-color:#333366">333366</td>
  66.       <td style="text-align:center;color:#ffffff;background-color:#333399">333399</td>
  67.       <td style="text-align:center;color:#ffffff;background-color:#3333cc">3333CC</td>
  68.       <td style="text-align:center;color:#ffffff;background-color:#3333ff">3333FF</td>
  69.     </tr>
  70.     <tr>
  71.       <td height="30" style="text-align:center;color:#ffffff;background-color:#336600">336600</td>
  72.       <td style="text-align:center;color:#ffffff;background-color:#336633">336633</td>
  73.       <td style="text-align:center;color:#ffffff;background-color:#336666">336666</td>
  74.       <td style="text-align:center;color:#ffffff;background-color:#336699">336699</td>
  75.       <td style="text-align:center;color:#ffffff;background-color:#3366cc">3366CC</td>
  76.       <td style="text-align:center;color:#ffffff;background-color:#3366ff">3366FF</td>
  77.     </tr>
  78.     <tr>
  79.       <td height="30" style="text-align:center;background-color:#339900">339900</td>
  80.       <td style="text-align:center;background-color:#339933">339933</td>
  81.       <td style="text-align:center;background-color:#339966">339966</td>
  82.       <td style="text-align:center;background-color:#339999">339999</td>
  83.       <td style="text-align:center;background-color:#3399cc">3399CC</td>
  84.       <td style="text-align:center;background-color:#3399ff">3399FF</td>
  85.     </tr>
  86.     <tr>
  87.       <td height="30" style="text-align:center;background-color:#33cc00">33CC00</td>
  88.       <td style="text-align:center;background-color:#33cc33">33CC33</td>
  89.       <td style="text-align:center;background-color:#33cc66">33CC66</td>
  90.       <td style="text-align:center;background-color:#33cc99">33CC99</td>
  91.       <td style="text-align:center;background-color:#33cccc">33CCCC</td>
  92.       <td style="text-align:center;background-color:#33ccff">33CCFF</td>
  93.     </tr>
  94.     <tr>
  95.       <td height="30" style="text-align:center;background-color:#33ff00">33FF00</td>
  96.       <td style="text-align:center;background-color:#33ff33">33FF33</td>
  97.       <td style="text-align:center;background-color:#33ff66">33FF66</td>
  98.       <td style="text-align:center;background-color:#33ff99">33FF99</td>
  99.       <td style="text-align:center;background-color:#33ffcc">33FFCC</td>
  100.       <td style="text-align:center;background-color:#33ffff">33FFFF</td>
  101.     </tr>
  102.     <tr>
  103.       <td height="30" style="text-align:center;color:#ffffff;background-color:#660000">660000</td>
  104.       <td style="text-align:center;color:#ffffff;background-color:#660033">660033</td>
  105.       <td style="text-align:center;color:#ffffff;background-color:#660066">660066</td>
  106.       <td style="text-align:center;color:#ffffff;background-color:#660099">660099</td>
  107.       <td style="text-align:center;color:#ffffff;background-color:#6600cc">6600CC</td>
  108.       <td style="text-align:center;color:#ffffff;background-color:#6600ff">6600FF</td>
  109.     </tr>
  110.     <tr>
  111.       <td height="30" style="text-align:center;color:#ffffff;background-color:#663300">663300</td>
  112.       <td style="text-align:center;color:#ffffff;background-color:#663333">663333</td>
  113.       <td style="text-align:center;color:#ffffff;background-color:#663366">663366</td>
  114.       <td style="text-align:center;color:#ffffff;background-color:#663399">663399</td>
  115.       <td style="text-align:center;color:#ffffff;background-color:#6633cc">6633CC</td>
  116.       <td style="text-align:center;color:#ffffff;background-color:#6633ff">6633FF</td>
  117.     </tr>
  118.     <tr>
  119.       <td height="30" style="text-align:center;color:#ffffff;background-color:#666600">666600</td>
  120.       <td style="text-align:center;color:#ffffff;background-color:#666633">666633</td>
  121.       <td style="text-align:center;color:#ffffff;background-color:#666666">666666</td>
  122.       <td style="text-align:center;color:#ffffff;background-color:#666699">666699</td>
  123.       <td style="text-align:center;color:#ffffff;background-color:#6666cc">6666CC</td>
  124.       <td style="text-align:center;color:#ffffff;background-color:#6666ff">6666FF</td>
  125.     </tr>
  126.     <tr>
  127.       <td height="30" style="text-align:center;background-color:#669900">669900</td>
  128.       <td style="text-align:center;background-color:#669933">669933</td>
  129.       <td style="text-align:center;background-color:#669966">669966</td>
  130.       <td style="text-align:center;background-color:#669999">669999</td>
  131.       <td style="text-align:center;background-color:#6699cc">6699CC</td>
  132.       <td style="text-align:center;background-color:#6699ff">6699FF</td>
  133.     </tr>
  134.     <tr>
  135.       <td height="30" style="text-align:center;background-color:#66cc00">66CC00</td>
  136.       <td style="text-align:center;background-color:#66cc33">66CC33</td>
  137.       <td style="text-align:center;background-color:#66cc66">66CC66</td>
  138.       <td style="text-align:center;background-color:#66cc99">66CC99</td>
  139.       <td style="text-align:center;background-color:#66cccc">66CCCC</td>
  140.       <td style="text-align:center;background-color:#66ccff">66CCFF</td>
  141.     </tr>
  142.     <tr>
  143.       <td height="30" style="text-align:center;background-color:#66ff00">66FF00</td>
  144.       <td style="text-align:center;background-color:#66ff33">66FF33</td>
  145.       <td style="text-align:center;background-color:#66ff66">66FF66</td>
  146.       <td style="text-align:center;background-color:#66ff99">66FF99</td>
  147.       <td style="text-align:center;background-color:#66ffcc">66FFCC</td>
  148.       <td style="text-align:center;background-color:#66ffff">66FFFF</td>
  149.     </tr>
  150.     <tr>
  151.       <td height="30" style="text-align:center;color:#ffffff;background-color:#990000">990000</td>
  152.       <td style="text-align:center;color:#ffffff;background-color:#990033">990033</td>
  153.       <td style="text-align:center;color:#ffffff;background-color:#990066">990066</td>
  154.       <td style="text-align:center;color:#ffffff;background-color:#990099">990099</td>
  155.       <td style="text-align:center;color:#ffffff;background-color:#9900cc">9900CC</td>
  156.       <td style="text-align:center;color:#ffffff;background-color:#9900ff">9900FF</td>
  157.     </tr>
  158.     <tr>
  159.       <td height="30" style="text-align:center;color:#ffffff;background-color:#993300">993300</td>
  160.       <td style="text-align:center;color:#ffffff;background-color:#993333">993333</td>
  161.       <td style="text-align:center;color:#ffffff;background-color:#993366">993366</td>
  162.       <td style="text-align:center;color:#ffffff;background-color:#993399">993399</td>
  163.       <td style="text-align:center;color:#ffffff;background-color:#9933cc">9933CC</td>
  164.       <td style="text-align:center;color:#ffffff;background-color:#9933ff">9933FF</td>
  165.     </tr>
  166.     <tr>
  167.       <td height="30" style="text-align:center;color:#ffffff;background-color:#996600">996600</td>
  168.       <td style="text-align:center;color:#ffffff;background-color:#996633">996633</td>
  169.       <td style="text-align:center;color:#ffffff;background-color:#996666">996666</td>
  170.       <td style="text-align:center;color:#ffffff;background-color:#996699">996699</td>
  171.       <td style="text-align:center;color:#ffffff;background-color:#9966cc">9966CC</td>
  172.       <td style="text-align:center;color:#ffffff;background-color:#9966ff">9966FF</td>
  173.     </tr>
  174.     <tr>
  175.       <td height="30" style="text-align:center;background-color:#999900">999900</td>
  176.       <td style="text-align:center;background-color:#999933">999933</td>
  177.       <td style="text-align:center;background-color:#999966">999966</td>
  178.       <td style="text-align:center;background-color:#999999">999999</td>
  179.       <td style="text-align:center;background-color:#9999cc">9999CC</td>
  180.       <td style="text-align:center;background-color:#9999ff">9999FF</td>
  181.     </tr>
  182.     <tr>
  183.       <td height="30" style="text-align:center;background-color:#99cc00">99CC00</td>
  184.       <td style="text-align:center;background-color:#99cc33">99CC33</td>
  185.       <td style="text-align:center;background-color:#99cc66">99CC66</td>
  186.       <td style="text-align:center;background-color:#99cc99">99CC99</td>
  187.       <td style="text-align:center;background-color:#99cccc">99CCCC</td>
  188.       <td style="text-align:center;background-color:#99ccff">99CCFF</td>
  189.     </tr>
  190.     <tr>
  191.       <td height="30" style="text-align:center;background-color:#99ff00">99FF00</td>
  192.       <td style="text-align:center;background-color:#99ff33">99FF33</td>
  193.       <td style="text-align:center;background-color:#99ff66">99FF66</td>
  194.       <td style="text-align:center;background-color:#99ff99">99FF99</td>
  195.       <td style="text-align:center;background-color:#99ffcc">99FFCC</td>
  196.       <td style="text-align:center;background-color:#99ffff">99FFFF</td>
  197.     </tr>
  198.     <tr>
  199.       <td height="30" style="text-align:center;color:#ffffff;background-color:#cc0000">CC0000</td>
  200.       <td style="text-align:center;color:#ffffff;background-color:#cc0033">CC0033</td>
  201.       <td style="text-align:center;color:#ffffff;background-color:#cc0066">CC0066</td>
  202.       <td style="text-align:center;color:#ffffff;background-color:#cc0099">CC0099</td>
  203.       <td style="text-align:center;color:#ffffff;background-color:#cc00cc">CC00CC</td>
  204.       <td style="text-align:center;color:#ffffff;background-color:#cc00ff">CC00FF</td>
  205.     </tr>
  206.     <tr>
  207.       <td height="30" style="text-align:center;color:#ffffff;background-color:#cc3300">CC3300</td>
  208.       <td style="text-align:center;color:#ffffff;background-color:#cc3333">CC3333</td>
  209.       <td style="text-align:center;color:#ffffff;background-color:#cc3366">CC3366</td>
  210.       <td style="text-align:center;color:#ffffff;background-color:#cc3399">CC3399</td>
  211.       <td style="text-align:center;color:#ffffff;background-color:#cc33cc">CC33CC</td>
  212.       <td style="text-align:center;color:#ffffff;background-color:#cc33ff">CC33FF</td>
  213.     </tr>
  214.     <tr>
  215.       <td height="30" style="text-align:center;color:#ffffff;background-color:#cc6600">CC6600</td>
  216.       <td style="text-align:center;color:#ffffff;background-color:#cc6633">CC6633</td>
  217.       <td style="text-align:center;color:#ffffff;background-color:#cc6666">CC6666</td>
  218.       <td style="text-align:center;color:#ffffff;background-color:#cc6699">CC6699</td>
  219.       <td style="text-align:center;color:#ffffff;background-color:#cc66cc">CC66CC</td>
  220.       <td style="text-align:center;color:#ffffff;background-color:#cc66ff">CC66FF</td>
  221.     </tr>
  222.     <tr>
  223.       <td height="30" style="text-align:center;background-color:#cc9900">CC9900</td>
  224.       <td style="text-align:center;background-color:#cc9933">CC9933</td>
  225.       <td style="text-align:center;background-color:#cc9966">CC9966</td>
  226.       <td style="text-align:center;background-color:#cc9999">CC9999</td>
  227.       <td style="text-align:center;background-color:#cc99cc">CC99CC</td>
  228.       <td style="text-align:center;background-color:#cc99ff">CC99FF</td>
  229.     </tr>
  230.     <tr>
  231.       <td height="30" style="text-align:center;background-color:#cccc00">CCCC00</td>
  232.       <td style="text-align:center;background-color:#cccc33">CCCC33</td>
  233.       <td style="text-align:center;background-color:#cccc66">CCCC66</td>
  234.       <td style="text-align:center;background-color:#cccc99">CCCC99</td>
  235.       <td style="text-align:center;background-color:#cccccc">CCCCCC</td>
  236.       <td style="text-align:center;background-color:#ccccff">CCCCFF</td>
  237.     </tr>
  238.     <tr>
  239.       <td height="30" style="text-align:center;background-color:#ccff00">CCFF00</td>
  240.       <td style="text-align:center;background-color:#ccff33">CCFF33</td>
  241.       <td style="text-align:center;background-color:#ccff66">CCFF66</td>
  242.       <td style="text-align:center;background-color:#ccff99">CCFF99</td>
  243.       <td style="text-align:center;background-color:#ccffcc">CCFFCC</td>
  244.       <td style="text-align:center;background-color:#ccffff">CCFFFF</td>
  245.     </tr>
  246.     <tr>
  247.       <td height="30" style="text-align:center;color:#ffffff;background-color:#ff0000">FF0000</td>
  248.       <td style="text-align:center;color:#ffffff;background-color:#ff0033">FF0033</td>
  249.       <td style="text-align:center;color:#ffffff;background-color:#ff0066">FF0066</td>
  250.       <td style="text-align:center;color:#ffffff;background-color:#ff0099">FF0099</td>
  251.       <td style="text-align:center;color:#ffffff;background-color:#ff00cc">FF00CC</td>
  252.       <td style="text-align:center;color:#ffffff;background-color:#ff00ff">FF00FF</td>
  253.     </tr>
  254.     <tr>
  255.       <td height="30" style="text-align:center;color:#ffffff;background-color:#ff3300">FF3300</td>
  256.       <td style="text-align:center;color:#ffffff;background-color:#ff3333">FF3333</td>
  257.       <td style="text-align:center;color:#ffffff;background-color:#ff3366">FF3366</td>
  258.       <td style="text-align:center;color:#ffffff;background-color:#ff3399">FF3399</td>
  259.       <td style="text-align:center;color:#ffffff;background-color:#ff33cc">FF33CC</td>
  260.       <td style="text-align:center;color:#ffffff;background-color:#ff33ff">FF33FF</td>
  261.     </tr>
  262.     <tr>
  263.       <td height="30" style="text-align:center;color:#ffffff;background-color:#ff6600">FF6600</td>
  264.       <td style="text-align:center;color:#ffffff;background-color:#ff6633">FF6633</td>
  265.       <td style="text-align:center;color:#ffffff;background-color:#ff6666">FF6666</td>
  266.       <td style="text-align:center;color:#ffffff;background-color:#ff6699">FF6699</td>
  267.       <td style="text-align:center;color:#ffffff;background-color:#ff66cc">FF66CC</td>
  268.       <td style="text-align:center;color:#ffffff;background-color:#ff66ff">FF66FF</td>
  269.     </tr>
  270.     <tr>
  271.       <td height="30" style="text-align:center;background-color:#ff9900">FF9900</td>
  272.       <td style="text-align:center;background-color:#ff9933">FF9933</td>
  273.       <td style="text-align:center;background-color:#ff9966">FF9966</td>
  274.       <td style="text-align:center;background-color:#ff9999">FF9999</td>
  275.       <td style="text-align:center;background-color:#ff99cc">FF99CC</td>
  276.       <td style="text-align:center;background-color:#ff99ff">FF99FF</td>
  277.     </tr>
  278.     <tr>
  279.       <td height="30" style="text-align:center;background-color:#ffcc00">FFCC00</td>
  280.       <td style="text-align:center;background-color:#ffcc33">FFCC33</td>
  281.       <td style="text-align:center;background-color:#ffcc66">FFCC66</td>
  282.       <td style="text-align:center;background-color:#ffcc99">FFCC99</td>
  283.       <td style="text-align:center;background-color:#ffcccc">FFCCCC</td>
  284.       <td style="text-align:center;background-color:#ffccff">FFCCFF</td>
  285.     </tr>
  286.     <tr>
  287.       <td height="30" style="text-align:center;background-color:#ffff00">FFFF00</td>
  288.       <td style="text-align:center;background-color:#ffff33">FFFF33</td>
  289.       <td style="text-align:center;background-color:#ffff66">FFFF66</td>
  290.       <td style="text-align:center;background-color:#ffff99">FFFF99</td>
  291.       <td style="text-align:center;background-color:#ffffcc">FFFFCC</td>
  292.       <td style="text-align:center;background-color:#ffffff">FFFFFF</td>
  293.     </tr>
  294. </table>
  295.  
  296. </body>
  297. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement