Thursday, 28 April 2011

The Web Palette


<HTML>
<HEAD>
<TITLE>The Web Palette</TITLE>
</HEAD>

<BODY>
<font size="+2">The Web Palette</font></b></font></p>
<p><font face="Trebuchet MS, Arial, sans-serif">The <b>The following table</b> is a set
of 216 colors that will not dither or shift on PCs or Macs.</font></p>
<table border=0 width="100%" cellspacing="4" cellpadding="3">
<tr>
<td width="17%" height=40 bgcolor="#FFFFFF"> <p class="table">255, 255, 255

FFFFFF</p></td>
<td bgcolor="#FFFFCC" width="17%"> <p class="table">255,255,204

FFFFCC</p></td>
<td bgcolor="#FFFF99" width="17%"> <p class="table">255,255,153

FFFF99</p></td>
<td bgcolor="#FFFF66" width="17%"> <p class="table">255,255,102

FFFF66</p></td>
<td bgcolor="#FFFF33" width="16%"> <p class="table">255,255,51

FFFF33</p></td>
<td bgcolor="#FFFF00" width="16%"> <p class="table">255,255,0

FFFF00</p></td>
</tr>
<tr>
<td bgcolor="#FFCCFF" width="17%" height=40> <p class="table">255,204,255

FFCCFF</p></td>
<td bgcolor="#FFCCCC" width="17%"> <p class="table">255,204,204

FFCCCC</p></td>
<td bgcolor="#FFCC99" width="17%"> <p class="table">255,204,153

FFCC99</p></td>
<td bgcolor="#FFCC66" width="17%"> <p class="table">255,204,102

FFCC66</p></td>
<td bgcolor="#FFCC33" width="16%"> <p class="table">255,204,51

FFCC33</p></td>
<td bgcolor="#FFCC00" width="16%"> <p class="table">255,255,0

FFCC00</p></td>
</tr>
<tr>
<td bgcolor="#FF99FF" width="17%" height=40> <p class="table">255,153,255

FF99FF</p></td>
<td bgcolor="#FF99CC" width="17%"> <p class="table">255,153,204

FF99CC</p></td>
<td bgcolor="#FF9999" width="17%"> <p class="table">255,153,153

FF9999</p></td>
<td bgcolor="#FF9966" width="17%"> <p class="table">255,153,102

FF9966</p></td>
<td bgcolor="#FF9933" width="16%"> <p class="table">255,153,51

FF9933</p></td>
<td bgcolor="#FF9900" width="16%"> <p class="table">255,153,0

FF9900</p></td>
</tr>
<tr>
<td bgcolor="#FF66FF" width="17%" height=40> <p class="table">255,102,255

FF66FF</p></td>
<td bgcolor="#FF66CC" width="17%"> <p class="table">255,102,204

FF66CC</p></td>
<td bgcolor="#FF6699" width="17%"> <p class="table">255,102,153

FF6699</p></td>
<td bgcolor="#FF6666" width="17%"> <p class="table">255,102,102

FF6666</p></td>
<td bgcolor="#FF6633" width="16%"> <p class="table">255,102,51

FF6633</p></td>
<td bgcolor="#FF6600" width="16%"> <p class="table">255,102,0

FF6600</p></td>
</tr>
<tr>
<td bgcolor="#FF33FF" width="17%" height=40> <p class="tablewhite">255,51,255

FF33FF</p></td>
<td bgcolor="#FF33CC" width="17%"> <p class="tablewhite">255,51,204

FF33CC</p></td>
<td bgcolor="#FF3399" width="17%"> <p class="tablewhite">255,51,153

FF3399</p></td>
<td bgcolor="#FF3366" width="17%"> <p class="tablewhite">255,51,102

FF3366</p></td>
<td bgcolor="#FF3333" width="16%"> <p class="tablewhite">255,51,51

FF3333</p></td>
<td bgcolor="#FF3300" width="16%"> <p class="tablewhite">255,51,0

FF3300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#FF00FF" height=40> <p class="tablewhite">255,0,255

FF00FF</p></td>
<td width="17%" bgcolor="#FF00CC"> <p class="tablewhite">255,0,204

FF00CC</p></td>
<td width="17%" bgcolor="#FF0099"> <p class="tablewhite">255,0,153

FF0099</p></td>
<td width="17%" bgcolor="#FF0066"> <p class="tablewhite">255,0,102

FF0066</p></td>
<td width="16%" bgcolor="#FF0033"> <p class="tablewhite">255,0,51

FF0033</p></td>
<td width="16%" bgcolor="#FF0000"> <p class="tablewhite">255,0,0

FF0000</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCFFFF" height=40> <p class="table">204,255,255

CCFFFF</p></td>
<td width="17%" bgcolor="#CCFFCC"> <p class="table">204,255,204

CCFFCC</p></td>
<td width="17%" bgcolor="#CCFF99"> <p class="table">204,255,153

CCFF99</p></td>
<td width="17%" bgcolor="#CCFF66"> <p class="table">204,255,102

CCFF66</p></td>
<td width="16%" bgcolor="#CCFF33"> <p class="table">204,255,51

CCFF33</p></td>
<td width="16%" bgcolor="#CCFF00"> <p class="table">204,255,0

CCFF00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" height=40> <p class="table">204,204,255

CCCCFF</p></td>
<td width="17%" bgcolor="#CCCCCC"> <p class="table">204,204,204

CCCCCC</p></td>
<td width="17%" bgcolor="#CCCC99"> <p class="table">204,204,153

CCCC99</p></td>
<td width="17%" bgcolor="#CCCC66"> <p class="table">204,204,102

CCCC66</p></td>
<td width="16%" bgcolor="#CCCC33"> <p class="table">204,204,51

CCCC33</p></td>
<td width="16%" bgcolor="#CCCC00"> <p class="table">204,204,0

CCCC00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CC99FF" height=40> <p class="table">204,153,255

CC99FF</p></td>
<td width="17%" bgcolor="#CC99CC"> <p class="table">204,153,204

CC99CC</p></td>
<td width="17%" bgcolor="#CC9999"> <p class="table">204,153,153

CC9999</p></td>
<td width="17%" bgcolor="#CC9966"> <p class="table">204,153,102

CC9966</p></td>
<td width="16%" bgcolor="#CC9933"> <p class="table">204,153,51

CC9933</p></td>
<td width="16%" bgcolor="#CC9900"> <p class="table">204,153,0

CC9900</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CC66FF" height=40> <p class="table">204,102,255

CC66FF</p></td>
<td width="17%" bgcolor="#CC66CC"> <p class="table">204,102,204

CC66CC</p></td>
<td width="17%" bgcolor="#CC6699"> <p class="table">204,102,153

CC6699</p></td>
<td width="17%" bgcolor="#CC6666"> <p class="table">204,102,102

CC6666</p></td>
<td width="16%" bgcolor="#CC6633"> <p class="table">204,102,51

CC6633</p></td>
<td width="16%" bgcolor="#CC6600"> <p class="table">204,102,0

CC6600</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CC33FF" height=40> <p class="tablewhite">204,51,255

CC33FF</p></td>
<td width="17%" bgcolor="#CC33CC"> <p class="tablewhite">204,51,204

CC33CC</p></td>
<td width="17%" bgcolor="#CC3399"> <p class="tablewhite">204,51,153

CC3399</p></td>
<td width="17%" bgcolor="#CC3366"> <p class="tablewhite">204,51,102

CC3366</p></td>
<td width="16%" bgcolor="#CC3333"> <p class="tablewhite">204,51,51

CC3333</p></td>
<td width="16%" bgcolor="#CC3300"> <p class="tablewhite">204,51,0

CC3300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#CC00FF" height=40> <p class="tablewhite">204,0,255

CC00FF</p></td>
<td width="17%" bgcolor="#CC00CC"> <p class="tablewhite">204,0,204

CC00CC</p></td>
<td width="17%" bgcolor="#CC0099"> <p class="tablewhite">204,0,153

CC0099</p></td>
<td width="17%" bgcolor="#CC0066"> <p class="tablewhite">204,0,102

CC0066</p></td>
<td width="16%" bgcolor="#CC0033"> <p class="tablewhite">204,051

CC0033</p></td>
<td width="16%" bgcolor="#CC0000"> <p class="tablewhite">204,0,0

CC0000</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#99FFFF" height=40> <p class="table">153,255,255

99FFFF</p></td>
<td width="17%" bgcolor="#99FFCC"> <p class="table">153,255,204

99FFCC</p></td>
<td width="17%" bgcolor="#99FF99"> <p class="table">153,255,153

99FF99</p></td>
<td width="17%" bgcolor="#99FF66"> <p class="table">153,255,102

99FF66</p></td>
<td width="16%" bgcolor="#99FF33"> <p class="table">153,255,51

99FF33</p></td>
<td width="16%" bgcolor="#99FF00"> <p class="table">153,255,0

99FF00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#99CCFF" height=40> <p class="table">153,204,255

99CCFF</p></td>
<td width="17%" bgcolor="#99CCCC"> <p class="table">153,204,204

99CCCC</p></td>
<td width="17%" bgcolor="#99CC99"> <p class="table">153,204,153

99CC99</p></td>
<td width="17%" bgcolor="#99CC66"> <p class="table">153,204,102

99CC66</p></td>
<td width="16%" bgcolor="#99CC33"> <p class="table">153,204,51

99CC33</p></td>
<td width="16%" bgcolor="#99CC00"> <p class="table">153,204,0

99CC00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#9999FF" height=40> <p class="table">153,153,255

9999FF</p></td>
<td width="17%" bgcolor="#9999CC"> <p class="table">153,153,204

9999CC</p></td>
<td width="17%" bgcolor="#999999"> <p class="table">153,153,153

999999</p></td>
<td width="17%" bgcolor="#999966"> <p class="table">153,153,102

999966</p></td>
<td width="16%" bgcolor="#999933"> <p class="table">153,153,51

999933</p></td>
<td width="16%" bgcolor="#999900"> <p class="table">153,153,0

999900</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#9966FF" height=40> <p class="table">153,102,255

9966FF</p></td>
<td width="17%" bgcolor="#9966CC"> <p class="table">153,102,204

9966CC</p></td>
<td width="17%" bgcolor="#996699"> <p class="table">153,102,153

996699</p></td>
<td width="17%" bgcolor="#996666"> <p class="table">153,102,102

996666</p></td>
<td width="16%" bgcolor="#996633"> <p class="table">153,102,51

996633</p></td>
<td width="16%" bgcolor="#996600"> <p class="table">153,102,0

996600</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#9933FF" height=40> <p class="tablewhite">153,51,255

9933FF</p></td>
<td width="17%" bgcolor="#9933CC"> <p class="tablewhite">153,51,204

9933CC</p></td>
<td width="17%" bgcolor="#993399"> <p class="tablewhite">153,51,153

993399</p></td>
<td width="17%" bgcolor="#993366"> <p class="tablewhite">153,51,102

993366</p></td>
<td width="16%" bgcolor="#993333"> <p class="tablewhite">153,51,51

993333</p></td>
<td width="16%" bgcolor="#993300"> <p class="tablewhite">153,51,0

993300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#9900FF" height=40> <p class="tablewhite">153,0,255

9900FF</p></td>
<td width="17%" bgcolor="#9900CC"> <p class="tablewhite">153,0,204

9900CC</p></td>
<td width="17%" bgcolor="#990099"> <p class="tablewhite">153,0,153

990099</p></td>
<td width="17%" bgcolor="#990066"> <p class="tablewhite">153,0,102

990066</p></td>
<td width="16%" bgcolor="#990033"> <p class="tablewhite">153,0,51

990033</p></td>
<td width="16%" bgcolor="#990000"> <p class="tablewhite">153,0,0

990000</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#66FFFF" height=40> <p class="table">102,255,255

66FFFF</p></td>
<td width="17%" bgcolor="#66FFCC"> <p class="table">102,255,204

66FFCC</p></td>
<td width="17%" bgcolor="#66FF99"> <p class="table">102,255,153

66FF99</p></td>
<td width="17%" bgcolor="#66FF66"> <p class="table">102,255,102

66FF66</p></td>
<td width="16%" bgcolor="#66FF33"> <p class="table">102,255,51

66FF33</p></td>
<td width="16%" bgcolor="#66FF00"> <p class="table">102,255,0

66FF00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#66CCFF" height=40> <p class="table">102,204,255

66CCFF</p></td>
<td width="17%" bgcolor="#66CCCC"> <p class="table">102,204,204

66CCCC</p></td>
<td width="17%" bgcolor="#66CC99"> <p class="table">102,204,153

66CC99</p></td>
<td width="17%" bgcolor="#66CC66"> <p class="table">102,204,102

66CC66</p></td>
<td width="16%" bgcolor="#66CC33"> <p class="table">102,204,51

66CC33</p></td>
<td width="16%" bgcolor="#66CC00"> <p class="table">102,204,0

66CC00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#6699FF" height=40> <p class="tablewhite">102,153,255

6699FF</p></td>
<td width="17%" bgcolor="#6699CC"> <p class="tablewhite">102,153,204

6699CC</p></td>
<td width="17%" bgcolor="#669999"> <p class="tablewhite">102,153,153

669999</p></td>
<td width="17%" bgcolor="#669966"> <p class="tablewhite">102,153,102

669966</p></td>
<td width="16%" bgcolor="#669933"> <p class="tablewhite">102,153,51

669933</p></td>
<td width="16%" bgcolor="#669900"> <p class="tablewhite">102,153,0

669900</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#6666FF" height=40> <p class="tablewhite">102,102,255

6666FF</p></td>
<td width="17%" bgcolor="#6666CC"> <p class="tablewhite">102,102,204

6666CC</p></td>
<td width="17%" bgcolor="#666699"> <p class="tablewhite">102,102,153

666699</p></td>
<td width="17%" bgcolor="#666666"> <p class="tablewhite">102,102,102

666666</p></td>
<td width="16%" bgcolor="#666633"> <p class="tablewhite">102,102,51

666633</p></td>
<td width="16%" bgcolor="#666600"> <p class="tablewhite">102,102,0

666600</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#6633FF" height=40> <p class="tablewhite">102,51,255

6633FF</p></td>
<td width="17%" bgcolor="#6633CC"> <p class="tablewhite">102,51,204

6633CC</p></td>
<td width="17%" bgcolor="#663399"> <p class="tablewhite">102,51,153

663399</p></td>
<td width="17%" bgcolor="#663366"> <p class="tablewhite">102,51,102

663366</p></td>
<td width="16%" bgcolor="#663333"> <p class="tablewhite">102,51,51

663333</p></td>
<td width="16%" bgcolor="#663300"> <p class="tablewhite">102,51,0

663300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#6600FF" height=40> <p class="tablewhite">102,0,255

6600FF</p></td>
<td width="17%" bgcolor="#6600CC"> <p class="tablewhite">102,0,204

6600CC</p></td>
<td width="17%" bgcolor="#660099"> <p class="tablewhite">102,0,153

660099</p></td>
<td width="17%" bgcolor="#660066"> <p class="tablewhite">102,0,102

660066</p></td>
<td width="16%" bgcolor="#660033"> <p class="tablewhite">102,0,51

660033</p></td>
<td width="16%" bgcolor="#660000"> <p class="tablewhite">102,0,0

660000</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#33FFFF" height=40> <p class="table">51,255,255

33FFFF</p></td>
<td width="17%" bgcolor="#33FFCC"> <p class="table">51,255,204

33FFCC</p></td>
<td width="17%" bgcolor="#33FF99"> <p class="table">51,255,153

33FF99</p></td>
<td width="17%" bgcolor="#33FF66"> <p class="table">51,255,102

33FF66</p></td>
<td width="16%" bgcolor="#33FF33"> <p class="table">51,255,51

33FF33</p></td>
<td width="16%" bgcolor="#33FF00"> <p class="table">51,255,0

33FF00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#33CCFF" height=40> <p class="table">51,204,255

33CCFF</p></td>
<td width="17%" bgcolor="#33CCCC"> <p class="table">51,204,204

33CCCC</p></td>
<td width="17%" bgcolor="#33CC99"> <p class="table">51,204,153

33CC99</p></td>
<td width="17%" bgcolor="#33CC66"> <p class="table">51,204,102

33CC66</p></td>
<td width="16%" bgcolor="#33CC33"> <p class="table">51,204,51

33CC33</p></td>
<td width="16%" bgcolor="#33CC00"> <p class="table">51,204,0

33CC00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#3399FF" height=40> <p class="tablewhite">51,153,255

3399FF</p></td>
<td width="17%" bgcolor="#3399CC"> <p class="tablewhite">51,153,204

3399CC</p></td>
<td width="17%" bgcolor="#339999"> <p class="tablewhite">51,153,153

339999</p></td>
<td width="17%" bgcolor="#339966"> <p class="tablewhite">51,153,102

339966</p>
<p></p></td>
<td width="16%" bgcolor="#339933"> <p class="tablewhite">51,153,51

339933</p></td>
<td width="16%" bgcolor="#339900"> <p class="tablewhite">51,153,0

339900</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#3366FF" height=40> <p class="tablewhite">51,102,255

3366FF</p></td>
<td width="17%" bgcolor="#3366CC"> <p class="tablewhite">51,102,204

3366CC</p></td>
<td width="17%" bgcolor="#336699"> <p class="tablewhite">51,102,153

336699</p></td>
<td width="17%" bgcolor="#336666"> <p class="tablewhite">51,102,102

336666</p></td>
<td width="16%" bgcolor="#336633"> <p class="tablewhite">51,102,51

336633</p></td>
<td width="16%" bgcolor="#336600"> <p class="tablewhite">51,102,0

336600</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#3333FF" height=40> <p class="tablewhite">51,51,255

3333FF</p></td>
<td width="17%" bgcolor="#3333CC"> <p class="tablewhite">51,51,204

3333CC</p></td>
<td width="17%" bgcolor="#333399"> <p class="tablewhite">51,51,153

333399</p></td>
<td width="17%" bgcolor="#333366"> <p class="tablewhite">51,51,102

333366</p></td>
<td width="16%" bgcolor="#333333"> <p class="tablewhite">51,51,51

333333</p></td>
<td width="16%" bgcolor="#333300"> <p class="tablewhite">51,51,0

333300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#3300FF" height=40> <p class="tablewhite">51,0,255

3300FF</p></td>
<td width="17%" bgcolor="#3300CC"> <p class="tablewhite">51,0,204

3300CC</p></td>
<td width="17%" bgcolor="#330099"> <p class="tablewhite">51,0,153

330099</p></td>
<td width="17%" bgcolor="#330066"> <p class="tablewhite">51,0,102

330066</p></td>
<td width="16%" bgcolor="#330033"> <p class="tablewhite">51,0,51

330033</p></td>
<td width="16%" bgcolor="#330000"> <p class="tablewhite">51,0,0

330000</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#00FFFF" height=40> <p class="table">0,255,255

00FFFF</p></td>
<td width="17%" bgcolor="#00FFCC"> <p class="table">0,255,204

00FFCC</p></td>
<td width="17%" bgcolor="#00FF99"> <p class="table">0,255,153

00FF99</p></td>
<td width="17%" bgcolor="#00FF66"> <p class="table">0,255,102

00FF66</p></td>
<td width="16%" bgcolor="#00FF33"> <p class="table">0,255,51

00FF33</p></td>
<td width="16%" bgcolor="#00FF00"> <p class="table">0,255,0

00FF00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#00CCFF" height=40> <p class="table">0,204,255

00CCFF</p></td>
<td width="17%" bgcolor="#00CCCC"> <p class="table">0,204,204

00CCCC</p></td>
<td width="17%" bgcolor="#00CC99"> <p class="table">0,204,153

00CC99</p></td>
<td width="17%" bgcolor="#00CC66"> <p class="table">0,204,102

00CC66</p></td>
<td width="16%" bgcolor="#00CC33"> <p class="table">0,204,51

00CC33</p></td>
<td width="16%" bgcolor="#00CC00"> <p class="table">0,204,0

00CC00</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#0099FF" height=40> <p class="tablewhite">0,153,255

0099FF</p></td>
<td width="17%" bgcolor="#0099CC"> <p class="tablewhite">0,153,204

0099CC</p></td>
<td width="17%" bgcolor="#009999"> <p class="tablewhite">0,153,153

009999</p></td>
<td width="17%" bgcolor="#009966"> <p class="tablewhite">0,153,102

009966</p></td>
<td width="16%" bgcolor="#009933"> <p class="tablewhite">0,153,51

009933</p></td>
<td width="16%" bgcolor="#009900"> <p class="tablewhite">0,153,0

009900</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#0066FF" height=40> <p class="tablewhite">0,102,255

0066FF</p></td>
<td width="17%" bgcolor="#0066CC"> <p class="tablewhite">0,102,204

0066CC</p></td>
<td width="17%" bgcolor="#006699"> <p class="tablewhite">0,102,153

006699</p></td>
<td width="17%" bgcolor="#006666"> <p class="tablewhite">0,102,102

006666</p></td>
<td width="16%" bgcolor="#006633"> <p class="tablewhite">0,102,51

006633</p></td>
<td width="16%" bgcolor="#006600"> <p class="tablewhite">0,102,0

006600</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#0033FF" height=40> <p class="tablewhite">0,51,255

0033FF</p></td>
<td width="17%" bgcolor="#0033CC"> <p class="tablewhite">0,51,204

0033CC</p></td>
<td width="17%" bgcolor="#003399"> <p class="tablewhite">0,51,153

003399</p></td>
<td width="17%" bgcolor="#003366"> <p class="tablewhite">0,51,102

003366</p></td>
<td width="16%" bgcolor="#003333"> <p class="tablewhite">0,51,51

003333</p></td>
<td width="16%" bgcolor="#003300"> <p class="tablewhite">0,51,0

003300</p></td>
</tr>
<tr>
<td width="17%" bgcolor="#0000FF" height=40> <p class="tablewhite">0,0,255

0000FF</p></td>
<td width="17%" bgcolor="#0000CC"> <p class="tablewhite">0,0,204

0000CC</p></td>
<td width="17%" bgcolor="#000099"> <p class="tablewhite">0,0,153

000099</p></td>
<td width="17%" bgcolor="#000066"> <p class="tablewhite">0,0,102

000066</p></td>
<td width="16%" bgcolor="#000033"> <p class="tablewhite">0,0,51

000033</p></td>
<td width="16%" bgcolor="#000000"> <p class="tablewhite">0,0,0

000000</p></td>
</tr>
</table>
</BODY>
</HTML>
Posted by Think a while at 22:06
Labels:

0 comments:

Post a Comment