<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Colorpicker</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body>
<div id="colormap">

<h1>{lang id="COLORS.HEADING.0"}</h1>

<div class="box">
{lang id="HELP.0"}
{lang id="HELP.1"}
</div>

<table summary="" cellspacing="2" cellpadding="3" border="0" class="colormap" style="color: #fff;">
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#101010;">#101010</td>
    <td style="background-color:#202020;">#202020</td>
    <td style="background-color:#303030;">#303030</td>
  </tr>
  <tr>
    <td style="background-color:#404040;">#404040</td>
    <td style="background-color:#505050;">#505050</td>
    <td style="background-color:#606060;">#606060</td>
    <td style="background-color:#707070;">#707070</td>
  </tr>
  <tr>
    <td style="background-color:#808080;">#808080</td>
    <td style="background-color:#909090;">#909090</td>
    <td style="background-color:#a0a0a0;">#a0a0a0</td>
    <td style="background-color:#b0b0b0;">#b0b0b0</td>
  </tr>
  <tr>
    <td style="background-color:#c0c0c0; color:#000;">#c0c0c0</td>
    <td style="background-color:#d0d0d0; color:#000;">#d0d0d0</td>
    <td style="background-color:#e0e0e0; color:#000;">#e0e0e0</td>
    <td style="background-color:#f0f0f0; color:#000;">#f0f0f0</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#001000;">#001000</td>
    <td style="background-color:#002000;">#002000</td>
    <td style="background-color:#003000;">#003000</td>
  </tr>
  <tr>
    <td style="background-color:#004000;">#004000</td>
    <td style="background-color:#005000;">#005000</td>
    <td style="background-color:#006000;">#006000</td>
    <td style="background-color:#007000;">#007000</td>
  </tr>
  <tr>
    <td style="background-color:#008000;">#008000</td>
    <td style="background-color:#009000;">#009000</td>
    <td style="background-color:#00a000;">#00a000</td>
    <td style="background-color:#00b000;">#00b000</td>
  </tr>
  <tr>
    <td style="background-color:#00c000; color:#000;">#00c000</td>
    <td style="background-color:#00d000; color:#000;">#00d000</td>
    <td style="background-color:#00e000; color:#000;">#00e000</td>
    <td style="background-color:#00f000; color:#000;">#00f000</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#001008;">#001008</td>
    <td style="background-color:#002010;">#002010</td>
    <td style="background-color:#003018;">#003018</td>
  </tr>
  <tr>
    <td style="background-color:#004020;">#004020</td>
    <td style="background-color:#005028;">#005028</td>
    <td style="background-color:#006030;">#006030</td>
    <td style="background-color:#007038;">#007038</td>
  </tr>
  <tr>
    <td style="background-color:#008040;">#008040</td>
    <td style="background-color:#009048;">#009048</td>
    <td style="background-color:#00a050;">#00a050</td>
    <td style="background-color:#00b058;">#00b058</td>
  </tr>
  <tr>
    <td style="background-color:#00c060; color:#000;">#00c060</td>
    <td style="background-color:#00d068; color:#000;">#00d068</td>
    <td style="background-color:#00e070; color:#000;">#00e070</td>
    <td style="background-color:#00f078; color:#000;">#00f078</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#081000;">#081000</td>
    <td style="background-color:#102000;">#102000</td>
    <td style="background-color:#183000;">#183000</td>
  </tr>
  <tr>
    <td style="background-color:#204000;">#204000</td>
    <td style="background-color:#285000;">#285000</td>
    <td style="background-color:#306000;">#306000</td>
    <td style="background-color:#387000;">#387000</td>
  </tr>
  <tr>
    <td style="background-color:#408000;">#408000</td>
    <td style="background-color:#489000;">#489000</td>
    <td style="background-color:#50a000;">#50a000</td>
    <td style="background-color:#58b000;">#58b000</td>
  </tr>
  <tr>
    <td style="background-color:#60c000; color:#000;">#60c000</td>
    <td style="background-color:#68d000; color:#000;">#68d000</td>
    <td style="background-color:#70e000; color:#000;">#70e000</td>
    <td style="background-color:#78f000; color:#000;">#78f000</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#101000;">#101000</td>
    <td style="background-color:#202000;">#202000</td>
    <td style="background-color:#303000;">#303000</td>
  </tr>
  <tr>
    <td style="background-color:#404000;">#404000</td>
    <td style="background-color:#505000;">#505000</td>
    <td style="background-color:#606000;">#606000</td>
    <td style="background-color:#707000;">#707000</td>
  </tr>
  <tr>
    <td style="background-color:#808000;">#808000</td>
    <td style="background-color:#909000;">#909000</td>
    <td style="background-color:#a0a000;">#a0a000</td>
    <td style="background-color:#b0b000;">#b0b000</td>
  </tr>
  <tr>
    <td style="background-color:#c0c000; color:#000;">#c0c000</td>
    <td style="background-color:#d0d000; color:#000;">#d0d000</td>
    <td style="background-color:#e0e000; color:#000;">#e0e000</td>
    <td style="background-color:#f0f000; color:#000;">#f0f000</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#100800;">#100800</td>
    <td style="background-color:#201000;">#201000</td>
    <td style="background-color:#301800;">#301800</td>
  </tr>
  <tr>
    <td style="background-color:#402000;">#402000</td>
    <td style="background-color:#502800;">#502800</td>
    <td style="background-color:#603000;">#603000</td>
    <td style="background-color:#703800;">#703800</td>
  </tr>
  <tr>
    <td style="background-color:#804000;">#804000</td>
    <td style="background-color:#904800;">#904800</td>
    <td style="background-color:#a05000;">#a05000</td>
    <td style="background-color:#b05800;">#b05800</td>
  </tr>
  <tr>
    <td style="background-color:#c06000;">#c06000</td>
    <td style="background-color:#d06800;">#d06800</td>
    <td style="background-color:#e07000;">#e07000</td>
    <td style="background-color:#f07800;">#f07800</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#100000;">#100000</td>
    <td style="background-color:#200000;">#200000</td>
    <td style="background-color:#300000;">#300000</td>
  </tr>
  <tr>
    <td style="background-color:#400000;">#400000</td>
    <td style="background-color:#500000;">#500000</td>
    <td style="background-color:#600000;">#600000</td>
    <td style="background-color:#700000;">#700000</td>
  </tr>
  <tr>
    <td style="background-color:#800000;">#800000</td>
    <td style="background-color:#900000;">#900000</td>
    <td style="background-color:#a00000;">#a00000</td>
    <td style="background-color:#b00000;">#b00000</td>
  </tr>
  <tr>
    <td style="background-color:#c00000;">#c00000</td>
    <td style="background-color:#d00000;">#d00000</td>
    <td style="background-color:#e00000;">#e00000</td>
    <td style="background-color:#f00000;">#f00000</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#100008;">#100008</td>
    <td style="background-color:#200010;">#200010</td>
    <td style="background-color:#300018;">#300018</td>
  </tr>
  <tr>
    <td style="background-color:#400020;">#400020</td>
    <td style="background-color:#500028;">#500028</td>
    <td style="background-color:#600030;">#600030</td>
    <td style="background-color:#700038;">#700038</td>
  </tr>
  <tr>
    <td style="background-color:#800040;">#800040</td>
    <td style="background-color:#900048;">#900048</td>
    <td style="background-color:#a00050;">#a00050</td>
    <td style="background-color:#b00058;">#b00058</td>
  </tr>
  <tr>
    <td style="background-color:#c00060;">#c00060</td>
    <td style="background-color:#d00068;">#d00068</td>
    <td style="background-color:#e00070;">#e00070</td>
    <td style="background-color:#f00078;">#f00078</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#100010;">#100010</td>
    <td style="background-color:#200020;">#200020</td>
    <td style="background-color:#300030;">#300030</td>
  </tr>
  <tr>
    <td style="background-color:#400040;">#400040</td>
    <td style="background-color:#500050;">#500050</td>
    <td style="background-color:#600060;">#600060</td>
    <td style="background-color:#700070;">#700070</td>
  </tr>
  <tr>
    <td style="background-color:#800080;">#800080</td>
    <td style="background-color:#900090;">#900090</td>
    <td style="background-color:#a000a0;">#a000a0</td>
    <td style="background-color:#b000b0;">#b000b0</td>
  </tr>
  <tr>
    <td style="background-color:#c000c0;">#c000c0</td>
    <td style="background-color:#d000d0;">#d000d0</td>
    <td style="background-color:#e000e0;">#e000e0</td>
    <td style="background-color:#f000f0;">#f000f0</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#080010;">#080010</td>
    <td style="background-color:#100020;">#100020</td>
    <td style="background-color:#180030;">#180030</td>
  </tr>
  <tr>
    <td style="background-color:#200040;">#200040</td>
    <td style="background-color:#280050;">#280050</td>
    <td style="background-color:#300060;">#300060</td>
    <td style="background-color:#380070;">#380070</td>
  </tr>
  <tr>
    <td style="background-color:#400080;">#400080</td>
    <td style="background-color:#480090;">#480090</td>
    <td style="background-color:#5000a0;">#5000a0</td>
    <td style="background-color:#5800b0;">#5800b0</td>
  </tr>
  <tr>
    <td style="background-color:#6000c0;">#6000c0</td>
    <td style="background-color:#6800d0;">#6800d0</td>
    <td style="background-color:#7000e0;">#7000e0</td>
    <td style="background-color:#7800f0;">#7800f0</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#000010;">#000010</td>
    <td style="background-color:#000020;">#000020</td>
    <td style="background-color:#000030;">#000030</td>
  </tr>
  <tr>
    <td style="background-color:#000040;">#000040</td>
    <td style="background-color:#000050;">#000050</td>
    <td style="background-color:#000060;">#000060</td>
    <td style="background-color:#000070;">#000070</td>
  </tr>
  <tr>
    <td style="background-color:#000080;">#000080</td>
    <td style="background-color:#000090;">#000090</td>
    <td style="background-color:#0000a0;">#0000a0</td>
    <td style="background-color:#0000b0;">#0000b0</td>
  </tr>
  <tr>
    <td style="background-color:#0000c0;">#0000c0</td>
    <td style="background-color:#0000d0;">#0000d0</td>
    <td style="background-color:#0000e0;">#0000e0</td>
    <td style="background-color:#0000f0;">#0000f0</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#000810;">#000810</td>
    <td style="background-color:#001020;">#001020</td>
    <td style="background-color:#001830;">#001830</td>
  </tr>
  <tr>
    <td style="background-color:#002040;">#002040</td>
    <td style="background-color:#002850;">#002850</td>
    <td style="background-color:#003060;">#003060</td>
    <td style="background-color:#003870;">#003870</td>
  </tr>
  <tr>
    <td style="background-color:#004080;">#004080</td>
    <td style="background-color:#004890;">#004890</td>
    <td style="background-color:#0050a0;">#0050a0</td>
    <td style="background-color:#0058b0;">#0058b0</td>
  </tr>
  <tr>
    <td style="background-color:#0060c0;">#0060c0</td>
    <td style="background-color:#0068d0;">#0068d0</td>
    <td style="background-color:#0070e0;">#0070e0</td>
    <td style="background-color:#0078f0;">#0078f0</td>
  </tr>
  <tr>
    <td style="background-color:#000000;">#000000</td>
    <td style="background-color:#001010;">#001010</td>
    <td style="background-color:#002020;">#002020</td>
    <td style="background-color:#003030;">#003030</td>
  </tr>
  <tr>
    <td style="background-color:#004040;">#004040</td>
    <td style="background-color:#005050;">#005050</td>
    <td style="background-color:#006060;">#006060</td>
    <td style="background-color:#007070;">#007070</td>
  </tr>
  <tr>
    <td style="background-color:#008080;">#008080</td>
    <td style="background-color:#009090;">#009090</td>
    <td style="background-color:#00a0a0;">#00a0a0</td>
    <td style="background-color:#00b0b0;">#00b0b0</td>
  </tr>
  <tr>
    <td style="background-color:#00c0c0;">#00c0c0</td>
    <td style="background-color:#00d0d0;">#00d0d0</td>
    <td style="background-color:#00e0e0;">#00e0e0</td>
    <td style="background-color:#00f0f0;">#00f0f0</td>
  </tr>
</table>

<h1>{lang id="COLORS.HEADING.1"}</h1>

<div class="box">
{lang id="HELP.0"}
{lang id="HELP.2"}
</div>

<table summary="" cellspacing="2" cellpadding="3" border="0" class="colormap">
    <tr>
      <td style="background-color:aliceblue">aliceblue</td>
      <td style="background-color:antiquewhite">antiquewhite</td>
      <td style="background-color:aqua">aqua</td>
      <td style="background-color:aquamarine">aquamarine</td>
    </tr>
    <tr>
      <td style="background-color:azure">azure</td>
      <td style="background-color:beige">beige</td>
      <td style="background-color:bisque">bisque</td>
      <td style="background-color:black; color:#fff;">black</td>
    </tr>
    <tr>
      <td style="background-color:blanchedalmond">blanchedalmond</td>
      <td style="background-color:blue; color:#fff;">blue</td>
      <td style="background-color:blueviolet; color:#fff;">blueviolet</td>
      <td style="background-color:brown; color:#fff;">brown</td>
    </tr>
    <tr>
      <td style="background-color:burlywood">burlywood</td>
      <td style="background-color:cadetblue; color:#fff;">cadetblue</td>
      <td style="background-color:chartreuse">chartreuse</td>
      <td style="background-color:chocolate">chocolate</td>
    </tr>
    <tr>
      <td style="background-color:coral">coral</td>
      <td style="background-color:cornflowerblue">cornflowerblue</td>
      <td style="background-color:cornsilk">cornsilk</td>
      <td style="background-color:crimson">crimson</td>
    </tr>
    <tr>
      <td style="background-color:cyan">cyan</td>
      <td style="background-color:darkblue; color:#fff;">darkblue</td>
      <td style="background-color:darkcyan; color:#fff;">darkcyan</td>
      <td style="background-color:darkgoldenrod">darkgoldenrod</td>
    </tr>
    <tr>
      <td style="background-color:darkgray">darkgray</td>
      <td style="background-color:darkgreen; color:#fff;">darkgreen</td>
      <td style="background-color:darkkhaki">darkkhaki</td>
      <td style="background-color:darkmagenta; color:#fff;">darkmagenta</td>
    </tr>
    <tr>
      <td style="background-color:darkolivegreen; color:#fff;">darkolivegreen</td>
      <td style="background-color:darkorange">darkorange</td>
      <td style="background-color:darkorchid">darkorchid</td>
      <td style="background-color:darkred; color:#fff;">darkred</td>
    </tr>
    <tr>
      <td style="background-color:darksalmon">darksalmon</td>
      <td style="background-color:darkseagreen">darkseagreen</td>
      <td style="background-color:darkslateblue; color:#fff;">darkslateblue</td>
      <td style="background-color:darkslategray; color:#fff;">darkslategray</td>
    </tr>
    <tr>
      <td style="background-color:darkturquoise">darkturquoise</td>
      <td style="background-color:darkviolet; color:#fff;">darkviolet</td>
      <td style="background-color:deeppink; color:#fff;">deeppink</td>
      <td style="background-color:deepskyblue">deepskyblue</td>
    </tr>
    <tr>
      <td style="background-color:dimgray; color:#fff;">dimgray</td>
      <td style="background-color:dodgerblue">dodgerblue</td>
      <td style="background-color:firebrick; color:#fff;">firebrick</td>
      <td style="background-color:floralwhite">floralwhite</td>
    </tr>
    <tr>
      <td style="background-color:forestgreen">forestgreen</td>
      <td style="background-color:fuchsia">fuchsia</td>
      <td style="background-color:gainsboro">gainsboro</td>
      <td style="background-color:ghostwhite">ghostwhite</td>
    </tr>
    <tr>
      <td style="background-color:gold">gold</td>
      <td style="background-color:goldenrod">goldenrod</td>
      <td style="background-color:gray; color:#fff;">gray</td>
      <td style="background-color:green; color:#fff;">green</td>
    </tr>
    <tr>
      <td style="background-color:greenyellow">greenyellow</td>
      <td style="background-color:honeydew">honeydew</td>
      <td style="background-color:hotpink">hotpink</td>
      <td style="background-color:indianred; color:#fff;">indianred</td>
    </tr>
    <tr>
      <td style="background-color:indigo; color:#fff;">indigo</td>
      <td style="background-color:ivory">ivory</td>
      <td style="background-color:khaki">khaki</td>
      <td style="background-color:lavender">lavender</td>
    </tr>
    <tr>
      <td style="background-color:lavenderblush">lavenderblush</td>
      <td style="background-color:lawngreen">lawngreen</td>
      <td style="background-color:lemonchiffon">lemonchiffon</td>
      <td style="background-color:lightblue">lightblue</td>
    </tr>
    <tr>
      <td style="background-color:lightcoral">lightcoral</td>
      <td style="background-color:lightcyan">lightcyan</td>
      <td style="background-color:lightgoldenrodyellow">lightgoldenrodyellow</td>
      <td style="background-color:lightgreen">lightgreen</td>
    </tr>
    <tr>
      <td style="background-color:lightgrey">lightgrey</td>
      <td style="background-color:lightpink">lightpink</td>
      <td style="background-color:lightsalmon">lightsalmon</td>
      <td style="background-color:lightseagreen">lightseagreen</td>
    </tr>
    <tr>
      <td style="background-color:lightskyblue">lightskyblue</td>
      <td style="background-color:lightslategray; color:#fff;">lightslategray</td>
      <td style="background-color:lightsteelblue">lightsteelblue</td>
      <td style="background-color:lightyellow">lightyellow</td>
    </tr>
    <tr>
      <td style="background-color:lime">lime</td>
      <td style="background-color:limegreen">limegreen</td>
      <td style="background-color:linen">linen</td>
      <td style="background-color:magenta">magenta</td>
    </tr>
    <tr>
      <td style="background-color:maroon; color:#fff;">maroon</td>
      <td style="background-color:mediumaquamarine">mediumaquamarine</td>
      <td style="background-color:mediumblue; color:#fff;">mediumblue</td>
      <td style="background-color:mediumorchid; color:#fff;">mediumorchid</td>
    </tr>
    <tr>
      <td style="background-color:mediumpurple">mediumpurple</td>
      <td style="background-color:mediumseagreen">mediumseagreen</td>
      <td style="background-color:mediumslateblue">mediumslateblue</td>
      <td style="background-color:mediumspringgreen">mediumspringgreen</td>
    </tr>
    <tr>
      <td style="background-color:mediumturquoise">mediumturquoise</td>
      <td style="background-color:mediumvioletred; color:#fff;">mediumvioletred</td>
      <td style="background-color:midnightblue; color:#fff;">midnightblue</td>
      <td style="background-color:mintcream">mintcream</td>
    </tr>
    <tr>
      <td style="background-color:mistyrose">mistyrose</td>
      <td style="background-color:moccasin">moccasin</td>
      <td style="background-color:navajowhite">navajowhite</td>
      <td style="background-color:navy; color:#fff;">navy</td>
    </tr>
    <tr>
      <td style="background-color:oldlace">oldlace</td>
      <td style="background-color:olive">olive</td>
      <td style="background-color:olivedrab">olivedrab</td>
      <td style="background-color:orange">orange</td>
    </tr>
    <tr>
      <td style="background-color:orangered">orangered</td>
      <td style="background-color:orchid">orchid</td>
      <td style="background-color:palegoldenrod">palegoldenrod</td>
      <td style="background-color:palegreen">palegreen</td>
    </tr>
    <tr>
      <td style="background-color:paleturquoise">paleturquoise</td>
      <td style="background-color:palevioletred">palevioletred</td>
      <td style="background-color:papayawhip">papayawhip</td>
      <td style="background-color:peachpuff">peachpuff</td>
    </tr>
    <tr>
      <td style="background-color:peru">peru</td>
      <td style="background-color:pink">pink</td>
      <td style="background-color:plum">plum</td>
      <td style="background-color:powderblue">powderblue</td>
    </tr>
    <tr>
      <td style="background-color:purple; color:#fff;">purple</td>
      <td style="background-color:red">red</td>
      <td style="background-color:rosybrown">rosybrown</td>
      <td style="background-color:royalblue; color:#fff;">royalblue</td>
    </tr>
    <tr>
      <td style="background-color:saddlebrown; color:#fff;">saddlebrown</td>
      <td style="background-color:salmon">salmon</td>
      <td style="background-color:sandybrown">sandybrown</td>
      <td style="background-color:seagreen; color:#fff;">seagreen</td>
    </tr>
    <tr>
      <td style="background-color:seashell">seashell</td>
      <td style="background-color:sienna; color:#fff;">sienna</td>
      <td style="background-color:silver">silver</td>
      <td style="background-color:skyblue">skyblue</td>
    </tr>
    <tr>
      <td style="background-color:slateblue; color:#fff;">slateblue</td>
      <td style="background-color:slategray">slategray</td>
      <td style="background-color:snow">snow</td>
      <td style="background-color:springgreen">springgreen</td>
    </tr>
    <tr>
      <td style="background-color:steelblue; color:#fff;">steelblue</td>
      <td style="background-color:tan">tan</td>
      <td style="background-color:teal; color:#fff;">teal</td>
      <td style="background-color:thistle">thistle</td>
    </tr>
    <tr>
      <td style="background-color:tomato">tomato</td>
      <td style="background-color:turquoise">turquoise</td>
      <td style="background-color:violet">violet</td>
      <td style="background-color:wheat">wheat</td>
    </tr>
    <tr>
      <td style="background-color:white">white</td>
      <td style="background-color:whitesmoke">whitesmoke</td>
      <td style="background-color:yellow">yellow</td>
      <td style="background-color:yellowgreen">yellowgreen</td>
    </tr>
</table>

</body>
</html>
