<?php include '../HEADER.php'; ?>

<h1>HTML Color</h1>

<h2>Hex Colors</h2>

<p>
<span style="color:#fff;background:#000;font-size:0.75em;padding:0.25em;">000</span> 
<span style="color:#fff;background:#111;font-size:0.75em;padding:0.25em;">111</span> 
<span style="color:#fff;background:#222;font-size:0.75em;padding:0.25em;">222</span> 
<span style="color:#fff;background:#333;font-size:0.75em;padding:0.25em;">333</span> 
<span style="color:#fff;background:#444;font-size:0.75em;padding:0.25em;">444</span> 
<span style="color:#fff;background:#555;font-size:0.75em;padding:0.25em;">555</span> 
<span style="color:#fff;background:#666;font-size:0.75em;padding:0.25em;">666</span> 
<span style="color:#fff;background:#777;font-size:0.75em;padding:0.25em;">777</span> 
<span style="color:#000;background:#888;font-size:0.75em;padding:0.25em;">888</span> 
<span style="color:#000;background:#999;font-size:0.75em;padding:0.25em;">999</span> 
<span style="color:#000;background:#aaa;font-size:0.75em;padding:0.25em;">aaa</span> 
<span style="color:#000;background:#bbb;font-size:0.75em;padding:0.25em;">bbb</span> 
<span style="color:#000;background:#ccc;font-size:0.75em;padding:0.25em;">ccc</span> 
<span style="color:#000;background:#ddd;font-size:0.75em;padding:0.25em;">ddd</span> 
<span style="color:#000;background:#eee;font-size:0.75em;padding:0.25em;">eee</span> 
<span style="color:#000;background:#fff;font-size:0.75em;padding:0.25em;">fff</span></p>

<p>
<span style="color:#fff;background:#100;font-size:0.75em;padding:0.25em;">100</span> 
<span style="color:#fff;background:#200;font-size:0.75em;padding:0.25em;">200</span> 
<span style="color:#fff;background:#300;font-size:0.75em;padding:0.25em;">300</span> 
<span style="color:#fff;background:#400;font-size:0.75em;padding:0.25em;">400</span> 
<span style="color:#fff;background:#500;font-size:0.75em;padding:0.25em;">500</span> 
<span style="color:#fff;background:#600;font-size:0.75em;padding:0.25em;">600</span> 
<span style="color:#fff;background:#700;font-size:0.75em;padding:0.25em;">700</span> 
<span style="color:#fff;background:#800;font-size:0.75em;padding:0.25em;">800</span> 
<span style="color:#fff;background:#900;font-size:0.75em;padding:0.25em;">900</span> 
<span style="color:#fff;background:#a00;font-size:0.75em;padding:0.25em;">a00</span> 
<span style="color:#fff;background:#b00;font-size:0.75em;padding:0.25em;">b00</span> 
<span style="color:#fff;background:#c00;font-size:0.75em;padding:0.25em;">c00</span> 
<span style="color:#fff;background:#d00;font-size:0.75em;padding:0.25em;">d00</span> 
<span style="color:#fff;background:#e00;font-size:0.75em;padding:0.25em;">e00</span> 
<span style="color:#fff;background:#f00;font-size:0.75em;padding:0.25em;">f00</span></p>

<p>
<span style="color:#fff;background:#101;font-size:0.75em;padding:0.25em;">101</span> 
<span style="color:#fff;background:#201;font-size:0.75em;padding:0.25em;">201</span> 
<span style="color:#fff;background:#301;font-size:0.75em;padding:0.25em;">301</span> 
<span style="color:#fff;background:#402;font-size:0.75em;padding:0.25em;">402</span> 
<span style="color:#fff;background:#503;font-size:0.75em;padding:0.25em;">503</span> 
<span style="color:#fff;background:#603;font-size:0.75em;padding:0.25em;">603</span> 
<span style="color:#fff;background:#704;font-size:0.75em;padding:0.25em;">704</span> 
<span style="color:#fff;background:#804;font-size:0.75em;padding:0.25em;">804</span> 
<span style="color:#fff;background:#905;font-size:0.75em;padding:0.25em;">905</span> 
<span style="color:#fff;background:#a05;font-size:0.75em;padding:0.25em;">a05</span> 
<span style="color:#fff;background:#b06;font-size:0.75em;padding:0.25em;">b06</span> 
<span style="color:#fff;background:#c06;font-size:0.75em;padding:0.25em;">c06</span> 
<span style="color:#fff;background:#d07;font-size:0.75em;padding:0.25em;">d07</span> 
<span style="color:#fff;background:#e07;font-size:0.75em;padding:0.25em;">e07</span> 
<span style="color:#fff;background:#f08;font-size:0.75em;padding:0.25em;">f08</span></p>

<p>
<span style="color:#fff;background:#101;font-size:0.75em;padding:0.25em;">101</span> 
<span style="color:#fff;background:#202;font-size:0.75em;padding:0.25em;">202</span> 
<span style="color:#fff;background:#303;font-size:0.75em;padding:0.25em;">303</span> 
<span style="color:#fff;background:#404;font-size:0.75em;padding:0.25em;">404</span> 
<span style="color:#fff;background:#505;font-size:0.75em;padding:0.25em;">505</span> 
<span style="color:#fff;background:#606;font-size:0.75em;padding:0.25em;">606</span> 
<span style="color:#fff;background:#707;font-size:0.75em;padding:0.25em;">707</span> 
<span style="color:#fff;background:#808;font-size:0.75em;padding:0.25em;">808</span> 
<span style="color:#fff;background:#909;font-size:0.75em;padding:0.25em;">909</span> 
<span style="color:#fff;background:#a0a;font-size:0.75em;padding:0.25em;">a0a</span> 
<span style="color:#fff;background:#b0b;font-size:0.75em;padding:0.25em;">b0b</span> 
<span style="color:#fff;background:#c0c;font-size:0.75em;padding:0.25em;">c0c</span> 
<span style="color:#fff;background:#d0d;font-size:0.75em;padding:0.25em;">d0d</span> 
<span style="color:#fff;background:#e0e;font-size:0.75em;padding:0.25em;">e0e</span> 
<span style="color:#fff;background:#f0f;font-size:0.75em;padding:0.25em;">f0f</span></p>

<p>
<span style="color:#fff;background:#001;font-size:0.75em;padding:0.25em;">001</span> 
<span style="color:#fff;background:#102;font-size:0.75em;padding:0.25em;">102</span> 
<span style="color:#fff;background:#103;font-size:0.75em;padding:0.25em;">103</span> 
<span style="color:#fff;background:#204;font-size:0.75em;padding:0.25em;">204</span> 
<span style="color:#fff;background:#205;font-size:0.75em;padding:0.25em;">205</span> 
<span style="color:#fff;background:#306;font-size:0.75em;padding:0.25em;">306</span> 
<span style="color:#fff;background:#407;font-size:0.75em;padding:0.25em;">407</span> 
<span style="color:#fff;background:#408;font-size:0.75em;padding:0.25em;">408</span> 
<span style="color:#fff;background:#509;font-size:0.75em;padding:0.25em;">509</span> 
<span style="color:#fff;background:#50a;font-size:0.75em;padding:0.25em;">50a</span> 
<span style="color:#fff;background:#60b;font-size:0.75em;padding:0.25em;">60b</span> 
<span style="color:#fff;background:#60c;font-size:0.75em;padding:0.25em;">60c</span> 
<span style="color:#fff;background:#70d;font-size:0.75em;padding:0.25em;">70d</span> 
<span style="color:#fff;background:#70e;font-size:0.75em;padding:0.25em;">70e</span> 
<span style="color:#fff;background:#80f;font-size:0.75em;padding:0.25em;">80f</span></p>

<p>
<span style="color:#fff;background:#001;font-size:0.75em;padding:0.25em;">001</span> 
<span style="color:#fff;background:#002;font-size:0.75em;padding:0.25em;">002</span> 
<span style="color:#fff;background:#003;font-size:0.75em;padding:0.25em;">003</span> 
<span style="color:#fff;background:#004;font-size:0.75em;padding:0.25em;">004</span> 
<span style="color:#fff;background:#005;font-size:0.75em;padding:0.25em;">005</span> 
<span style="color:#fff;background:#006;font-size:0.75em;padding:0.25em;">006</span> 
<span style="color:#fff;background:#007;font-size:0.75em;padding:0.25em;">007</span> 
<span style="color:#fff;background:#008;font-size:0.75em;padding:0.25em;">008</span> 
<span style="color:#fff;background:#009;font-size:0.75em;padding:0.25em;">009</span> 
<span style="color:#fff;background:#00a;font-size:0.75em;padding:0.25em;">00a</span> 
<span style="color:#fff;background:#00b;font-size:0.75em;padding:0.25em;">00b</span> 
<span style="color:#fff;background:#00c;font-size:0.75em;padding:0.25em;">00c</span> 
<span style="color:#fff;background:#00d;font-size:0.75em;padding:0.25em;">00d</span> 
<span style="color:#fff;background:#00e;font-size:0.75em;padding:0.25em;">00e</span> 
<span style="color:#fff;background:#00f;font-size:0.75em;padding:0.25em;">00f</span></p>

<p>
<span style="color:#fff;background:#011;font-size:0.75em;padding:0.25em;">011</span> 
<span style="color:#fff;background:#012;font-size:0.75em;padding:0.25em;">012</span> 
<span style="color:#fff;background:#013;font-size:0.75em;padding:0.25em;">013</span> 
<span style="color:#fff;background:#024;font-size:0.75em;padding:0.25em;">024</span> 
<span style="color:#fff;background:#025;font-size:0.75em;padding:0.25em;">025</span> 
<span style="color:#fff;background:#036;font-size:0.75em;padding:0.25em;">036</span> 
<span style="color:#fff;background:#037;font-size:0.75em;padding:0.25em;">037</span> 
<span style="color:#fff;background:#048;font-size:0.75em;padding:0.25em;">048</span> 
<span style="color:#fff;background:#059;font-size:0.75em;padding:0.25em;">059</span> 
<span style="color:#fff;background:#05a;font-size:0.75em;padding:0.25em;">05a</span> 
<span style="color:#fff;background:#06b;font-size:0.75em;padding:0.25em;">06b</span> 
<span style="color:#fff;background:#06c;font-size:0.75em;padding:0.25em;">06c</span> 
<span style="color:#fff;background:#07d;font-size:0.75em;padding:0.25em;">07d</span> 
<span style="color:#fff;background:#07e;font-size:0.75em;padding:0.25em;">07e</span> 
<span style="color:#fff;background:#08f;font-size:0.75em;padding:0.25em;">08f</span></p>

<p>
<span style="color:#fff;background:#011;font-size:0.75em;padding:0.25em;">011</span> 
<span style="color:#fff;background:#022;font-size:0.75em;padding:0.25em;">022</span> 
<span style="color:#fff;background:#033;font-size:0.75em;padding:0.25em;">033</span> 
<span style="color:#fff;background:#044;font-size:0.75em;padding:0.25em;">044</span> 
<span style="color:#fff;background:#055;font-size:0.75em;padding:0.25em;">055</span> 
<span style="color:#fff;background:#066;font-size:0.75em;padding:0.25em;">066</span> 
<span style="color:#fff;background:#077;font-size:0.75em;padding:0.25em;">077</span> 
<span style="color:#fff;background:#088;font-size:0.75em;padding:0.25em;">088</span> 
<span style="color:#fff;background:#099;font-size:0.75em;padding:0.25em;">099</span> 
<span style="color:#fff;background:#0aa;font-size:0.75em;padding:0.25em;">0aa</span> 
<span style="color:#fff;background:#0bb;font-size:0.75em;padding:0.25em;">0bb</span> 
<span style="color:#fff;background:#0cc;font-size:0.75em;padding:0.25em;">0cc</span> 
<span style="color:#fff;background:#0dd;font-size:0.75em;padding:0.25em;">0dd</span> 
<span style="color:#fff;background:#0ee;font-size:0.75em;padding:0.25em;">0ee</span> 
<span style="color:#fff;background:#0ff;font-size:0.75em;padding:0.25em;">0ff</span></p>

<p>
<span style="color:#fff;background:#010;font-size:0.75em;padding:0.25em;">010</span> 
<span style="color:#fff;background:#021;font-size:0.75em;padding:0.25em;">021</span> 
<span style="color:#fff;background:#031;font-size:0.75em;padding:0.25em;">031</span> 
<span style="color:#fff;background:#042;font-size:0.75em;padding:0.25em;">042</span> 
<span style="color:#fff;background:#052;font-size:0.75em;padding:0.25em;">052</span> 
<span style="color:#fff;background:#063;font-size:0.75em;padding:0.25em;">063</span> 
<span style="color:#fff;background:#073;font-size:0.75em;padding:0.25em;">073</span> 
<span style="color:#fff;background:#084;font-size:0.75em;padding:0.25em;">084</span> 
<span style="color:#fff;background:#095;font-size:0.75em;padding:0.25em;">095</span> 
<span style="color:#fff;background:#0a5;font-size:0.75em;padding:0.25em;">0a5</span> 
<span style="color:#fff;background:#0b6;font-size:0.75em;padding:0.25em;">0b6</span> 
<span style="color:#fff;background:#0c6;font-size:0.75em;padding:0.25em;">0c6</span> 
<span style="color:#fff;background:#0d7;font-size:0.75em;padding:0.25em;">0d7</span> 
<span style="color:#fff;background:#0e7;font-size:0.75em;padding:0.25em;">0e7</span> 
<span style="color:#fff;background:#0f8;font-size:0.75em;padding:0.25em;">0f8</span></p>

<p>
<span style="color:#fff;background:#010;font-size:0.75em;padding:0.25em;">010</span> 
<span style="color:#fff;background:#020;font-size:0.75em;padding:0.25em;">020</span> 
<span style="color:#fff;background:#030;font-size:0.75em;padding:0.25em;">030</span> 
<span style="color:#fff;background:#040;font-size:0.75em;padding:0.25em;">040</span> 
<span style="color:#fff;background:#050;font-size:0.75em;padding:0.25em;">050</span> 
<span style="color:#fff;background:#060;font-size:0.75em;padding:0.25em;">060</span> 
<span style="color:#fff;background:#070;font-size:0.75em;padding:0.25em;">070</span> 
<span style="color:#fff;background:#080;font-size:0.75em;padding:0.25em;">080</span> 
<span style="color:#fff;background:#090;font-size:0.75em;padding:0.25em;">090</span> 
<span style="color:#fff;background:#0a0;font-size:0.75em;padding:0.25em;">0a0</span> 
<span style="color:#fff;background:#0b0;font-size:0.75em;padding:0.25em;">0b0</span> 
<span style="color:#fff;background:#0c0;font-size:0.75em;padding:0.25em;">0c0</span> 
<span style="color:#fff;background:#0d0;font-size:0.75em;padding:0.25em;">0d0</span> 
<span style="color:#fff;background:#0e0;font-size:0.75em;padding:0.25em;">0e0</span> 
<span style="color:#fff;background:#0f0;font-size:0.75em;padding:0.25em;">0f0</span></p>

<p>
<span style="color:#fff;background:#010;font-size:0.75em;padding:0.25em;">010</span> 
<span style="color:#fff;background:#120;font-size:0.75em;padding:0.25em;">120</span> 
<span style="color:#fff;background:#130;font-size:0.75em;padding:0.25em;">130</span> 
<span style="color:#fff;background:#240;font-size:0.75em;padding:0.25em;">240</span> 
<span style="color:#fff;background:#150;font-size:0.75em;padding:0.25em;">150</span> 
<span style="color:#fff;background:#360;font-size:0.75em;padding:0.25em;">360</span> 
<span style="color:#fff;background:#370;font-size:0.75em;padding:0.25em;">370</span> 
<span style="color:#fff;background:#480;font-size:0.75em;padding:0.25em;">480</span> 
<span style="color:#fff;background:#590;font-size:0.75em;padding:0.25em;">590</span> 
<span style="color:#fff;background:#5a0;font-size:0.75em;padding:0.25em;">5a0</span> 
<span style="color:#fff;background:#6b0;font-size:0.75em;padding:0.25em;">6b0</span> 
<span style="color:#fff;background:#6c0;font-size:0.75em;padding:0.25em;">6c0</span> 
<span style="color:#fff;background:#7e0;font-size:0.75em;padding:0.25em;">7e0</span> 
<span style="color:#fff;background:#7f0;font-size:0.75em;padding:0.25em;">7f0</span> 
<span style="color:#fff;background:#8f0;font-size:0.75em;padding:0.25em;">8f0</span></p>

<p>
<span style="color:#fff;background:#110;font-size:0.75em;padding:0.25em;">110</span> 
<span style="color:#fff;background:#220;font-size:0.75em;padding:0.25em;">220</span> 
<span style="color:#fff;background:#330;font-size:0.75em;padding:0.25em;">330</span> 
<span style="color:#fff;background:#440;font-size:0.75em;padding:0.25em;">440</span> 
<span style="color:#fff;background:#550;font-size:0.75em;padding:0.25em;">550</span> 
<span style="color:#fff;background:#660;font-size:0.75em;padding:0.25em;">660</span> 
<span style="color:#fff;background:#770;font-size:0.75em;padding:0.25em;">770</span> 
<span style="color:#fff;background:#880;font-size:0.75em;padding:0.25em;">880</span> 
<span style="color:#fff;background:#990;font-size:0.75em;padding:0.25em;">990</span> 
<span style="color:#fff;background:#aa0;font-size:0.75em;padding:0.25em;">aa0</span> 
<span style="color:#fff;background:#bb0;font-size:0.75em;padding:0.25em;">bb0</span> 
<span style="color:#fff;background:#cc0;font-size:0.75em;padding:0.25em;">cc0</span> 
<span style="color:#000;background:#dd0;font-size:0.75em;padding:0.25em;">dd0</span> 
<span style="color:#000;background:#ee0;font-size:0.75em;padding:0.25em;">ee0</span> 
<span style="color:#000;background:#ff0;font-size:0.75em;padding:0.25em;">ff0</span></p>

<p>
<span style="color:#fff;background:#100;font-size:0.75em;padding:0.25em;">100</span> 
<span style="color:#fff;background:#210;font-size:0.75em;padding:0.25em;">210</span> 
<span style="color:#fff;background:#310;font-size:0.75em;padding:0.25em;">310</span> 
<span style="color:#fff;background:#420;font-size:0.75em;padding:0.25em;">420</span> 
<span style="color:#fff;background:#520;font-size:0.75em;padding:0.25em;">520</span> 
<span style="color:#fff;background:#630;font-size:0.75em;padding:0.25em;">630</span> 
<span style="color:#fff;background:#730;font-size:0.75em;padding:0.25em;">730</span> 
<span style="color:#fff;background:#840;font-size:0.75em;padding:0.25em;">840</span> 
<span style="color:#fff;background:#950;font-size:0.75em;padding:0.25em;">950</span> 
<span style="color:#fff;background:#a50;font-size:0.75em;padding:0.25em;">a50</span> 
<span style="color:#fff;background:#b60;font-size:0.75em;padding:0.25em;">b60</span> 
<span style="color:#fff;background:#c60;font-size:0.75em;padding:0.25em;">c60</span> 
<span style="color:#000;background:#d70;font-size:0.75em;padding:0.25em;">d70</span> 
<span style="color:#000;background:#e70;font-size:0.75em;padding:0.25em;">e70</span> 
<span style="color:#000;background:#f80;font-size:0.75em;padding:0.25em;">f80</span></p>

<?php include '../FOOTER.php'; ?>
