<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>T’N’T Luoma &#187; Sidebars</title>
	<atom:link href="http://tntluoma.com/category/sidebars/feed/" rel="self" type="application/rss+xml" />
	<link>http://tntluoma.com</link>
	<description>Stuff I've Written Down</description>
	<lastBuildDate>Sun, 23 Aug 2009 06:12:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Triplecolors for Web Design</title>
		<link>http://tntluoma.com/sidebars/triplecolors/</link>
		<comments>http://tntluoma.com/sidebars/triplecolors/#comments</comments>
		<pubDate>Fri, 19 Dec 2008 16:18:20 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=1115</guid>
		<description><![CDATA[If you are seeing this in your sidebar and don&#8217;t know why:


Don&#8217;t freak out (although you may want to open this in a new page to make reading easier.
Scroll down to the bottom of the table for a new link for an un-adorned plain copy.


So&#8230; yeah, I wrote a bunch of sidebars a few years [...]]]></description>
			<content:encoded><![CDATA[<p>If you are seeing this in your sidebar and don&#8217;t know why:</p>

<ol>
<li><p>Don&#8217;t freak out (although you may want to <a target="_blank" href="/sidebars/triplecolors">open this in a new page</a> to make reading easier.</p></li>
<li><p>Scroll down to the bottom of the table for a new link for an <a href="#cleantriplecolors">un-adorned plain copy</a>.</p></li>
</ol>

<p>So&#8230; yeah, I wrote a bunch of sidebars a few years ago, but have largely forgotten about them. They were for when I was writing a lot of web pages by hand (ah, the late &#8217;90s).</p>

<p>Apparently they are still in use. I wanted to put it into WordPress but keep the same URL.</p>

<p>So here&#8217;s the table:</p>

<p><span id="more-1115"></span></p>

<table width="100%">
<caption><a target="_blank" href="http://www.w3.org/TR/css3-color/#html4"><acronym title="Hypertext Markup Language">HTML</acronym>4 color keywords</a></caption>
<tr><td colspan="3" style="background-color: aqua">aqua</td></tr>

<tr><td colspan="3" class="d" style="background-color: black">black</td></tr>

<tr><td colspan="3" class="d" style="background-color: blue">blue</td></tr>

<tr><td colspan="3" class="d" style="background-color: fuchsia">fuchsia</td></tr>

<tr><td colspan="3" class="d" style="background-color: gray">gray</td></tr>

<tr><td colspan="3" class="d" style="background-color: green">green</td></tr>

<tr><td colspan="3" style="background-color: lime">lime</td></tr>

<tr><td colspan="3" class="d" style="background-color: maroon">maroon</td></tr>

<tr><td colspan="3" class="d" style="background-color: navy">navy</td></tr>

<tr><td colspan="3" class="d" style="background-color: olive">olive</td></tr>

<tr><td colspan="3" class="d" style="background-color: purple">purple</td></tr>

<tr><td colspan="3" class="d" style="background-color: red">red</td></tr>

<tr><td colspan="3" style="background-color: silver">silver</td></tr>

<tr><td colspan="3" class="d" style="background-color: teal">teal</td></tr>

<tr><td colspan="3" style="background-color: white">white</td></tr>

<tr><td colspan="3" style="background-color: yellow">yellow</td></tr>
</table>

<table id="triplecolors" width="100%">
<caption><a target="_blank" href="http://www.w3.org/TR/css3-color/#svg-color"><acronym title="Scalable Vector Graphics">SVG </acronym> color keywords</a> </caption>
<tr class="d">
    <td style="background-color: Black">Black</td>
    <td style="background-color: #000000">#000000</td>
    <td style="background-color: rgb(0,0,0)">0,0,0</td></tr>
<tr class="d">
    <td style="background-color: Navy">Navy</td>
    <td style="background-color: #000080">#000080</td>
    <td style="background-color: rgb(0,0,128)">0,0,128</td></tr>
<tr class="d">
    <td style="background-color: DarkBlue">DarkBlue</td>
    <td style="background-color: #00008B">#00008B</td>
    <td style="background-color: rgb(0,0,139)">0,0,139</td></tr>
<tr class="d">
    <td style="background-color: MediumBlue">MediumBlue</td>
    <td style="background-color: #0000CD">#0000CD</td>
    <td style="background-color: rgb(0,0,205)">0,0,205</td></tr>
<tr class="d">
    <td style="background-color: Blue">Blue</td>
    <td style="background-color: #0000FF">#0000FF</td>
    <td style="background-color: rgb(0,0,255)">0,0,255</td></tr>
<tr class="d">
    <td style="background-color: DarkGreen">DarkGreen</td>
    <td style="background-color: #006400">#006400</td>
    <td style="background-color: rgb(0,100,0)">0,100,0</td></tr>
<tr class="d">
    <td style="background-color: Green">Green</td>
    <td style="background-color: #008000">#008000</td>
    <td style="background-color: rgb(0,128,0)">0,128,0</td></tr>
<tr class="d">
    <td style="background-color: Teal">Teal</td>
    <td style="background-color: #008080">#008080</td>
    <td style="background-color: rgb(0,128,128)">0,128,128</td></tr>
<tr class="d">
    <td style="background-color: DarkCyan">DarkCyan</td>
    <td style="background-color: #008B8B">#008B8B</td>
    <td style="background-color: rgb(0,139,139)">0,139,139</td></tr>

<tr>    <td style="background-color: DeepSkyBlue">DeepSkyBlue</td>
    <td style="background-color: #00BFFF">#00BFFF</td>
    <td style="background-color: rgb(0,191,255)">0,191,255</td></tr>

<tr>    <td style="background-color: DarkTurquoise">DarkTurquoise</td>
    <td style="background-color: #00CED1">#00CED1</td>
    <td style="background-color: rgb(0,206,209)">0,206,209</td></tr>

<tr>    <td style="background-color: MediumSpringGreen">MediumSpringGreen</td>
    <td style="background-color: #00FA9A">#00FA9A</td>
    <td style="background-color: rgb(0,250,154)">0,250,154</td></tr>

<tr>    <td style="background-color: Lime">Lime</td>
    <td style="background-color: #00FF00">#00FF00</td>
    <td style="background-color: rgb(0,255,0)">0,255,0</td></tr>

<tr>    <td style="background-color: SpringGreen">SpringGreen</td>
    <td style="background-color: #00FF7F">#00FF7F</td>
    <td style="background-color: rgb(0,255,127)">0,255,127</td></tr>

<tr>    <td style="background-color: Aqua">Aqua</td>
    <td style="background-color: #00FFFF">#00FFFF</td>
    <td style="background-color: rgb(0,255,255)">0,255,255</td></tr>

<tr>    <td style="background-color: Cyan">Cyan</td>
    <td style="background-color: #00FFFF">#00FFFF</td>
    <td style="background-color: rgb(0,255,255)">0,255,255</td></tr>
<tr class="d">
    <td style="background-color: MidnightBlue">MidnightBlue</td>
    <td style="background-color: #191970">#191970</td>
    <td style="background-color: rgb(25,25,112)">25,25,112</td></tr>

<tr>    <td style="background-color: DodgerBlue">DodgerBlue</td>
    <td style="background-color: #1E90FF">#1E90FF</td>
    <td style="background-color: rgb(30,144,255)">30,144,255</td></tr>

<tr>    <td style="background-color: LightSeaGreen">LightSeaGreen</td>
    <td style="background-color: #20B2AA">#20B2AA</td>
    <td style="background-color: rgb(32,178,170)">32,178,170</td></tr>
<tr class="d">
    <td style="background-color: ForestGreen">ForestGreen</td>
    <td style="background-color: #228B22">#228B22</td>
    <td style="background-color: rgb(34,139,34)">34,139,34</td></tr>
<tr class="d">
    <td style="background-color: SeaGreen">SeaGreen</td>
    <td style="background-color: #2E8B57">#2E8B57</td>
    <td style="background-color: rgb(46,139,87)">46,139,87</td></tr>
<tr class="d">
    <td style="background-color: DarkSlateGray">DarkSlateGray</td>
    <td style="background-color: #2F4F4F">#2F4F4F</td>
    <td style="background-color: rgb(47,79,79)">47,79,79</td></tr>

<tr>    <td style="background-color: LimeGreen">LimeGreen</td>
    <td style="background-color: #32CD32">#32CD32</td>
    <td style="background-color: rgb(50,205,50)">50,205,50</td></tr>

<tr>    <td style="background-color: MediumSeaGreen">MediumSeaGreen</td>
    <td style="background-color: #3CB371">#3CB371</td>
    <td style="background-color: rgb(60,179,113)">60,179,113</td></tr>

<tr>    <td style="background-color: Turquoise">Turquoise</td>
    <td style="background-color: #40E0D0">#40E0D0</td>
    <td style="background-color: rgb(64,224,208)">64,224,208</td></tr>
<tr class="d">
    <td style="background-color: RoyalBlue">RoyalBlue</td>
    <td style="background-color: #4169E1">#4169E1</td>
    <td style="background-color: rgb(65,105,225)">65,105,225</td></tr>
<tr class="d">
    <td style="background-color: SteelBlue">SteelBlue</td>
    <td style="background-color: #4682B4">#4682B4</td>
    <td style="background-color: rgb(70,130,180)">70,130,180</td></tr>
<tr class="d">
    <td style="background-color: DarkSlateBlue">DarkSlateBlue</td>
    <td style="background-color: #483D8B">#483D8B</td>
    <td style="background-color: rgb(72,61,139)">72,61,139</td></tr>

<tr>    <td style="background-color: MediumTurquoise">MediumTurquoise</td>
    <td style="background-color: #48D1CC">#48D1CC</td>
    <td style="background-color: rgb(72,209,204)">72,209,204</td></tr>
<tr class="d">
    <td style="background-color: Indigo">Indigo</td>
    <td style="background-color: #4B0082">#4B0082</td>
    <td style="background-color: rgb(75,0,130)">75,0,130</td></tr>
<tr class="d">
    <td style="background-color: DarkOliveGreen">DarkOliveGreen</td>
    <td style="background-color: #556B2F">#556B2F</td>
    <td style="background-color: rgb(85,107,47)">85,107,47</td></tr>
<tr class="d">
    <td style="background-color: CadetBlue">CadetBlue</td>
    <td style="background-color: #5F9EA0">#5F9EA0</td>
    <td style="background-color: rgb(95,158,160)">95,158,160</td></tr>

<tr>    <td style="background-color: CornflowerBlue">CornflowerBlue</td>
    <td style="background-color: #6495ED">#6495ED</td>
    <td style="background-color: rgb(100,149,237)">100,149,237</td></tr>

<tr>    <td style="background-color: MediumAquamarine">MediumAquamarine</td>
    <td style="background-color: #66CDAA">#66CDAA</td>
    <td style="background-color: rgb(102,205,170)">102,205,170</td></tr>
<tr class="d">
    <td style="background-color: DimGray">DimGray</td>
    <td style="background-color: #696969">#696969</td>
    <td style="background-color: rgb(105,105,105)">105,105,105</td></tr>
<tr class="d">
    <td style="background-color: SlateBlue">SlateBlue</td>
    <td style="background-color: #6A5ACD">#6A5ACD</td>
    <td style="background-color: rgb(106,90,205)">106,90,205</td></tr>
<tr class="d">
    <td style="background-color: OliveDrab">OliveDrab</td>
    <td style="background-color: #6B8E23">#6B8E23</td>
    <td style="background-color: rgb(107,142,35)">107,142,35</td></tr>
<tr class="d">
    <td style="background-color: SlateGray">SlateGray</td>
    <td style="background-color: #708090">#708090</td>
    <td style="background-color: rgb(112,128,144)">112,128,144</td></tr>
<tr class="d">
    <td style="background-color: LightSlateGray">LightSlateGray</td>
    <td style="background-color: #778899">#778899</td>
    <td style="background-color: rgb(119,136,153)">119,136,153</td></tr>
<tr class="d">
    <td style="background-color: MediumSlateBlue">MediumSlateBlue</td>
    <td style="background-color: #7B68EE">#7B68EE</td>
    <td style="background-color: rgb(123,104,238)">123,104,238</td></tr>

<tr>    <td style="background-color: LawnGreen">LawnGreen</td>
    <td style="background-color: #7CFC00">#7CFC00</td>
    <td style="background-color: rgb(124,252,0)">124,252,0</td></tr>

<tr>    <td style="background-color: Chartreuse">Chartreuse</td>
    <td style="background-color: #7FFF00">#7FFF00</td>
    <td style="background-color: rgb(127,255,0)">127,255,0</td></tr>

<tr>    <td style="background-color: Aquamarine">Aquamarine</td>
    <td style="background-color: #7FFFD4">#7FFFD4</td>
    <td style="background-color: rgb(127,255,212)">127,255,212</td></tr>
<tr class="d">
    <td style="background-color: Maroon">Maroon</td>
    <td style="background-color: #800000">#800000</td>
    <td style="background-color: rgb(128,0,0)">128,0,0</td></tr>
<tr class="d">
    <td style="background-color: Purple">Purple</td>
    <td style="background-color: #800080">#800080</td>
    <td style="background-color: rgb(128,0,128)">128,0,128</td></tr>
<tr class="d">
    <td style="background-color: Olive">Olive</td>
    <td style="background-color: #808000">#808000</td>
    <td style="background-color: rgb(128,128,0)">128,128,0</td></tr>
<tr class="d">
    <td style="background-color: Gray">Gray</td>
    <td style="background-color: #808080">#808080</td>
    <td style="background-color: rgb(128,128,128)">128,128,128</td></tr>

<tr>    <td style="background-color: SkyBlue">SkyBlue</td>
    <td style="background-color: #87CEEB">#87CEEB</td>
    <td style="background-color: rgb(135,206,235)">135,206,235</td></tr>

<tr>    <td style="background-color: LightSkyBlue">LightSkyBlue</td>
    <td style="background-color: #87CEFA">#87CEFA</td>
    <td style="background-color: rgb(135,206,250)">135,206,250</td></tr>
<tr class="d">
    <td style="background-color: BlueViolet">BlueViolet</td>
    <td style="background-color: #8A2BE2">#8A2BE2</td>
    <td style="background-color: rgb(138,43,226)">138,43,226</td></tr>
<tr class="d">
    <td style="background-color: DarkRed">DarkRed</td>
    <td style="background-color: #8B0000">#8B0000</td>
    <td style="background-color: rgb(139,0,0)">139,0,0</td></tr>
<tr class="d">
    <td style="background-color: DarkMagenta">DarkMagenta</td>
    <td style="background-color: #8B008B">#8B008B</td>
    <td style="background-color: rgb(139,0,139)">139,0,139</td></tr>
<tr class="d">
    <td style="background-color: SaddleBrown">SaddleBrown</td>
    <td style="background-color: #8B4513">#8B4513</td>
    <td style="background-color: rgb(139,69,19)">139,69,19</td></tr>

<tr>    <td style="background-color: DarkSeaGreen">DarkSeaGreen</td>
    <td style="background-color: #8FBC8F">#8FBC8F</td>
    <td style="background-color: rgb(143,188,143)">143,188,143</td></tr>

<tr>    <td style="background-color: LightGreen">LightGreen</td>
    <td style="background-color: #90EE90">#90EE90</td>
    <td style="background-color: rgb(144,238,144)">144,238,144</td></tr>

<tr>    <td style="background-color: MediumPurple">MediumPurple</td>
    <td style="background-color: #9370DB">#9370DB</td>
    <td style="background-color: rgb(147,112,219)">147,112,219</td></tr>

<tr>    <td style="background-color: DarkViolet">DarkViolet</td>
    <td style="background-color: #9400D3">#9400D3</td>
    <td style="background-color: rgb(148,0,211)">148,0,211</td></tr>

<tr>    <td style="background-color: PaleGreen">PaleGreen</td>
    <td style="background-color: #98FB98">#98FB98</td>
    <td style="background-color: rgb(152,251,152)">152,251,152</td></tr>

<tr>    <td style="background-color: DarkOrchid">DarkOrchid</td>
    <td style="background-color: #9932CC">#9932CC</td>
    <td style="background-color: rgb(153,50,204)">153,50,204</td></tr>

<tr>    <td style="background-color: YellowGreen">YellowGreen</td>
    <td style="background-color: #9ACD32">#9ACD32</td>
    <td style="background-color: rgb(154,205,50)">154,205,50</td></tr>
<tr class="d">
    <td style="background-color: Sienna">Sienna</td>
    <td style="background-color: #A0522D">#A0522D</td>
    <td style="background-color: rgb(160,82,45)">160,82,45</td></tr>
<tr class="d">
    <td style="background-color: Brown">Brown</td>
    <td style="background-color: #A52A2A">#A52A2A</td>
    <td style="background-color: rgb(165,42,42)">165,42,42</td></tr>

<tr>    <td style="background-color: DarkGray">DarkGray</td>
    <td style="background-color: #A9A9A9">#A9A9A9</td>
    <td style="background-color: rgb(169,169,169)">169,169,169</td></tr>

<tr>    <td style="background-color: LightBlue">LightBlue</td>
    <td style="background-color: #ADD8E6">#ADD8E6</td>
    <td style="background-color: rgb(173,216,230)">173,216,230</td></tr>

<tr>    <td style="background-color: GreenYellow">GreenYellow</td>
    <td style="background-color: #ADFF2F">#ADFF2F</td>
    <td style="background-color: rgb(173,255,47)">173,255,47</td></tr>

<tr>    <td style="background-color: PaleTurquoise">PaleTurquoise</td>
    <td style="background-color: #AFEEEE">#AFEEEE</td>
    <td style="background-color: rgb(175,238,238)">175,238,238</td></tr>

<tr>    <td style="background-color: LightSteelBlue">LightSteelBlue</td>
    <td style="background-color: #B0C4DE">#B0C4DE</td>
    <td style="background-color: rgb(176,196,222)">176,196,222</td></tr>

<tr>    <td style="background-color: PowderBlue">PowderBlue</td>
    <td style="background-color: #B0E0E6">#B0E0E6</td>
    <td style="background-color: rgb(176,224,230)">176,224,230</td></tr>
<tr class="d">
    <td style="background-color: FireBrick">FireBrick</td>
    <td style="background-color: #B22222">#B22222</td>
    <td style="background-color: rgb(178,34,34)">178,34,34</td></tr>

<tr>    <td style="background-color: DarkGoldenrod">DarkGoldenrod</td>
    <td style="background-color: #B8860B">#B8860B</td>
    <td style="background-color: rgb(184,134,11)">184,134,11</td></tr>

<tr>    <td style="background-color: MediumOrchid">MediumOrchid</td>
    <td style="background-color: #BA55D3">#BA55D3</td>
    <td style="background-color: rgb(186,85,211)">186,85,211</td></tr>

<tr>    <td style="background-color: RosyBrown">RosyBrown</td>
    <td style="background-color: #BC8F8F">#BC8F8F</td>
    <td style="background-color: rgb(188,143,143)">188,143,143</td></tr>

<tr>    <td style="background-color: DarkKhaki">DarkKhaki</td>
    <td style="background-color: #BDB76B">#BDB76B</td>
    <td style="background-color: rgb(189,183,107)">189,183,107</td></tr>

<tr>    <td style="background-color: Silver">Silver</td>
    <td style="background-color: #C0C0C0">#C0C0C0</td>
    <td style="background-color: rgb(192,192,192)">192,192,192</td></tr>
<tr class="d">
    <td style="background-color: MediumVioletRed">MediumVioletRed</td>
    <td style="background-color: #C71585">#C71585</td>
    <td style="background-color: rgb(199,21,133)">199,21,133</td></tr>

<tr>    <td style="background-color: IndianRed">IndianRed</td>
    <td style="background-color: #CD5C5C">#CD5C5C</td>
    <td style="background-color: rgb(205,92,92)">205,92,92</td></tr>

<tr>    <td style="background-color: Peru">Peru</td>
    <td style="background-color: #CD853F">#CD853F</td>
    <td style="background-color: rgb(205,133,63)">205,133,63</td></tr>

<tr>    <td style="background-color: Chocolate">Chocolate</td>
    <td style="background-color: #D2691E">#D2691E</td>
    <td style="background-color: rgb(210,105,30)">210,105,30</td></tr>

<tr>    <td style="background-color: Tan">Tan</td>
    <td style="background-color: #D2B48C">#D2B48C</td>
    <td style="background-color: rgb(210,180,140)">210,180,140</td></tr>

<tr>    <td style="background-color: LightGrey">LightGrey</td>
    <td style="background-color: #D3D3D3">#D3D3D3</td>
    <td style="background-color: rgb(211,211,211)">211,211,211</td></tr>

<tr>    <td style="background-color: Thistle">Thistle</td>
    <td style="background-color: #D8BFD8">#D8BFD8</td>
    <td style="background-color: rgb(216,191,216)">216,191,216</td></tr>

<tr>    <td style="background-color: Orchid">Orchid</td>
    <td style="background-color: #DA70D6">#DA70D6</td>
    <td style="background-color: rgb(218,112,214)">218,112,214</td></tr>

<tr>    <td style="background-color: Goldenrod">Goldenrod</td>
    <td style="background-color: #DAA520">#DAA520</td>
    <td style="background-color: rgb(218,165,32)">218,165,32</td></tr>

<tr>    <td style="background-color: PaleVioletRed">PaleVioletRed</td>
    <td style="background-color: #DB7093">#DB7093</td>
    <td style="background-color: rgb(219,112,147)">219,112,147</td></tr>

<tr>    <td style="background-color: Crimson">Crimson</td>
    <td style="background-color: #DC143C">#DC143C</td>
    <td style="background-color: rgb(220,20,60)">220,20,60</td></tr>

<tr>    <td style="background-color: Gainsboro">Gainsboro</td>
    <td style="background-color: #DCDCDC">#DCDCDC</td>
    <td style="background-color: rgb(220,220,220)">220,220,220</td></tr>

<tr>    <td style="background-color: Plum">Plum</td>
    <td style="background-color: #DDA0DD">#DDA0DD</td>
    <td style="background-color: rgb(221,160,221)">221,160,221</td></tr>

<tr>    <td style="background-color: BurlyWood">BurlyWood</td>
    <td style="background-color: #DEB887">#DEB887</td>
    <td style="background-color: rgb(222,184,135)">222,184,135</td></tr>

<tr>    <td style="background-color: LightCyan">LightCyan</td>
    <td style="background-color: #E0FFFF">#E0FFFF</td>
    <td style="background-color: rgb(224,255,255)">224,255,255</td></tr>

<tr>    <td style="background-color: Lavender">Lavender</td>
    <td style="background-color: #E6E6FA">#E6E6FA</td>
    <td style="background-color: rgb(230,230,250)">230,230,250</td></tr>

<tr>    <td style="background-color: DarkSalmon">DarkSalmon</td>
    <td style="background-color: #E9967A">#E9967A</td>
    <td style="background-color: rgb(233,150,122)">233,150,122</td></tr>

<tr>    <td style="background-color: Violet">Violet</td>
    <td style="background-color: #EE82EE">#EE82EE</td>
    <td style="background-color: rgb(238,130,238)">238,130,238</td></tr>

<tr>    <td style="background-color: PaleGoldenrod">PaleGoldenrod</td>
    <td style="background-color: #EEE8AA">#EEE8AA</td>
    <td style="background-color: rgb(238,232,170)">238,232,170</td></tr>

<tr>    <td style="background-color: LightCoral">LightCoral</td>
    <td style="background-color: #F08080">#F08080</td>
    <td style="background-color: rgb(240,128,128)">240,128,128</td></tr>

<tr>    <td style="background-color: Khaki">Khaki</td>
    <td style="background-color: #F0E68C">#F0E68C</td>
    <td style="background-color: rgb(240,230,140)">240,230,140</td></tr>

<tr>    <td style="background-color: AliceBlue">AliceBlue</td>
    <td style="background-color: #F0F8FF">#F0F8FF</td>
    <td style="background-color: rgb(240,248,255)">240,248,255</td></tr>

<tr>    <td style="background-color: Honeydew">Honeydew</td>
    <td style="background-color: #F0FFF0">#F0FFF0</td>
    <td style="background-color: rgb(240,255,240)">240,255,240</td></tr>

<tr>    <td style="background-color: Azure">Azure</td>
    <td style="background-color: #F0FFFF">#F0FFFF</td>
    <td style="background-color: rgb(240,255,255)">240,255,255</td></tr>

<tr>    <td style="background-color: SandyBrown">SandyBrown</td>
    <td style="background-color: #F4A460">#F4A460</td>
    <td style="background-color: rgb(244,164,96)">244,164,96</td></tr>

<tr>    <td style="background-color: Wheat">Wheat</td>
    <td style="background-color: #F5DEB3">#F5DEB3</td>
    <td style="background-color: rgb(245,222,179)">245,222,179</td></tr>

<tr>    <td style="background-color: Beige">Beige</td>
    <td style="background-color: #F5F5DC">#F5F5DC</td>
    <td style="background-color: rgb(245,245,220)">245,245,220</td></tr>

<tr>    <td style="background-color: WhiteSmoke">WhiteSmoke</td>
    <td style="background-color: #F5F5F5">#F5F5F5</td>
    <td style="background-color: rgb(245,245,245)">245,245,245</td></tr>

<tr>    <td style="background-color: MintCream">MintCream</td>
    <td style="background-color: #F5FFFA">#F5FFFA</td>
    <td style="background-color: rgb(245,255,250)">245,255,250</td></tr>

<tr>    <td style="background-color: GhostWhite">GhostWhite</td>
    <td style="background-color: #F8F8FF">#F8F8FF</td>
    <td style="background-color: rgb(248,248,255)">248,248,255</td></tr>

<tr>    <td style="background-color: Salmon">Salmon</td>
    <td style="background-color: #FA8072">#FA8072</td>
    <td style="background-color: rgb(250,128,114)">250,128,114</td></tr>

<tr>    <td style="background-color: AntiqueWhite">AntiqueWhite</td>
    <td style="background-color: #FAEBD7">#FAEBD7</td>
    <td style="background-color: rgb(250,235,215)">250,235,215</td></tr>

<tr>    <td style="background-color: Linen">Linen</td>
    <td style="background-color: #FAF0E6">#FAF0E6</td>
    <td style="background-color: rgb(250,240,230)">250,240,230</td></tr>

<tr>    <td style="background-color: LightGoldenrodYellow">LightGoldenrodYellow</td>
    <td style="background-color: #FAFAD2">#FAFAD2</td>
    <td style="background-color: rgb(250,250,210)">250,250,210</td></tr>

<tr>    <td style="background-color: OldLace">OldLace</td>
    <td style="background-color: #FDF5E6">#FDF5E6</td>
    <td style="background-color: rgb(253,245,230)">253,245,230</td></tr>

<tr>    <td style="background-color: Red">Red</td>
    <td style="background-color: #FF0000">#FF0000</td>
    <td style="background-color: rgb(255,0,0)">255,0,0</td></tr>

<tr>    <td style="background-color: Fuchsia">Fuchsia</td>
    <td style="background-color: #FF00FF">#FF00FF</td>
    <td style="background-color: rgb(255,0,255)">255,0,255</td></tr>

<tr>    <td style="background-color: Magenta">Magenta</td>
    <td style="background-color: #FF00FF">#FF00FF</td>
    <td style="background-color: rgb(255,0,255)">255,0,255</td></tr>

<tr>    <td style="background-color: DeepPink">DeepPink</td>
    <td style="background-color: #FF1493">#FF1493</td>
    <td style="background-color: rgb(255,20,147)">255,20,147</td></tr>

<tr>    <td style="background-color: OrangeRed">OrangeRed</td>
    <td style="background-color: #FF4500">#FF4500</td>
    <td style="background-color: rgb(255,69,0)">255,69,0</td></tr>

<tr>    <td style="background-color: Tomato">Tomato</td>
    <td style="background-color: #FF6347">#FF6347</td>
    <td style="background-color: rgb(255,99,71)">255,99,71</td></tr>

<tr>    <td style="background-color: HotPink">HotPink</td>
    <td style="background-color: #FF69B4">#FF69B4</td>
    <td style="background-color: rgb(255,105,180)">255,105,180</td></tr>

<tr>    <td style="background-color: Coral">Coral</td>
    <td style="background-color: #FF7F50">#FF7F50</td>
    <td style="background-color: rgb(255,127,80)">255,127,80</td></tr>

<tr>    <td style="background-color: DarkOrange">DarkOrange</td>
    <td style="background-color: #FF8C00">#FF8C00</td>
    <td style="background-color: rgb(255,140,0)">255,140,0</td></tr>

<tr>    <td style="background-color: LightSalmon">LightSalmon</td>
    <td style="background-color: #FFA07A">#FFA07A</td>
    <td style="background-color: rgb(255,160,122)">255,160,122</td></tr>

<tr>    <td style="background-color: Orange">Orange</td>
    <td style="background-color: #FFA500">#FFA500</td>
    <td style="background-color: rgb(255,165,0)">255,165,0</td></tr>

<tr>    <td style="background-color: LightPink">LightPink</td>
    <td style="background-color: #FFB6C1">#FFB6C1</td>
    <td style="background-color: rgb(255,182,193)">255,182,193</td></tr>

<tr>    <td style="background-color: Pink">Pink</td>
    <td style="background-color: #FFC0CB">#FFC0CB</td>
    <td style="background-color: rgb(255,192,203)">255,192,203</td></tr>

<tr>    <td style="background-color: Gold">Gold</td>
    <td style="background-color: #FFD700">#FFD700</td>
    <td style="background-color: rgb(255,215,0)">255,215,0</td></tr>

<tr>    <td style="background-color: PeachPuff">PeachPuff</td>
    <td style="background-color: #FFDAB9">#FFDAB9</td>
    <td style="background-color: rgb(255,218,185)">255,218,185</td></tr>

<tr>    <td style="background-color: NavajoWhite">NavajoWhite</td>
    <td style="background-color: #FFDEAD">#FFDEAD</td>
    <td style="background-color: rgb(255,222,173)">255,222,173</td></tr>

<tr>    <td style="background-color: Moccasin">Moccasin</td>
    <td style="background-color: #FFE4B5">#FFE4B5</td>
    <td style="background-color: rgb(255,228,181)">255,228,181</td></tr>

<tr>    <td style="background-color: Bisque">Bisque</td>
    <td style="background-color: #FFE4C4">#FFE4C4</td>
    <td style="background-color: rgb(255,228,196)">255,228,196</td></tr>

<tr>    <td style="background-color: MistyRose">MistyRose</td>
    <td style="background-color: #FFE4E1">#FFE4E1</td>
    <td style="background-color: rgb(255,228,225)">255,228,225</td></tr>

<tr>    <td style="background-color: BlanchedAlmond">BlanchedAlmond</td>
    <td style="background-color: #FFEBCD">#FFEBCD</td>
    <td style="background-color: rgb(255,235,205)">255,235,205</td></tr>

<tr>    <td style="background-color: PapayaWhip">PapayaWhip</td>
    <td style="background-color: #FFEFD5">#FFEFD5</td>
    <td style="background-color: rgb(255,239,213)">255,239,213</td></tr>

<tr>    <td style="background-color: LavenderBlush">LavenderBlush</td>
    <td style="background-color: #FFF0F5">#FFF0F5</td>
    <td style="background-color: rgb(255,240,245)">255,240,245</td></tr>

<tr>    <td style="background-color: Seashell">Seashell</td>
    <td style="background-color: #FFF5EE">#FFF5EE</td>
    <td style="background-color: rgb(255,245,238)">255,245,238</td></tr>

<tr>    <td style="background-color: Cornsilk">Cornsilk</td>
    <td style="background-color: #FFF8DC">#FFF8DC</td>
    <td style="background-color: rgb(255,248,220)">255,248,220</td></tr>

<tr>    <td style="background-color: LemonChiffon">LemonChiffon</td>
    <td style="background-color: #FFFACD">#FFFACD</td>
    <td style="background-color: rgb(255,250,205)">255,250,205</td></tr>

<tr>    <td style="background-color: FloralWhite">FloralWhite</td>
    <td style="background-color: #FFFAF0">#FFFAF0</td>
    <td style="background-color: rgb(255,250,240)">255,250,240</td></tr>

<tr>    <td style="background-color: Snow">Snow</td>
    <td style="background-color: #FFFAFA">#FFFAFA</td>
    <td style="background-color: rgb(255,250,250)">255,250,250</td></tr>

<tr>    <td style="background-color: Yellow">Yellow</td>
    <td style="background-color: #FFFF00">#FFFF00</td>
    <td style="background-color: rgb(255,255,0)">255,255,0</td></tr>

<tr>    <td style="background-color: LightYellow">LightYellow</td>
    <td style="background-color: #FFFFE0">#FFFFE0</td>
    <td style="background-color: rgb(255,255,224)">255,255,224</td></tr>

<tr>    <td style="background-color: Ivory">Ivory</td>
    <td style="background-color: #FFFFF0">#FFFFF0</td>
    <td style="background-color: rgb(255,255,240)">255,255,240</td></tr>


</table>

<table id="systemcolors" width="100%">
<caption><a target="_blank" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">System Colors</a></caption>
<tr><td colspan="3" style="background-color: ActiveBorder">ActiveBorder</td></tr>
<tr><td colspan="3" class="d" style="background-color: ActiveCaption">ActiveCaption</td></tr>
<tr><td colspan="3" style="background-color: AppWorkspace">AppWorkspace</td></tr>
<tr><td colspan="3" style="background-color: Background">Background</td></tr>
<tr><td colspan="3" style="background-color: ButtonFace">ButtonFace</td></tr>
<tr><td colspan="3" style="background-color: ButtonHighlight">ButtonHighlight</td></tr>
<tr><td colspan="3" style="background-color: ButtonShadow">ButtonShadow</td></tr>
<tr><td colspan="3" class="d" style="background-color: ButtonText">ButtonText</td></tr>
<tr><td colspan="3" style="background-color: CaptionText">CaptionText</td></tr>
<tr><td colspan="3" style="background-color: GrayText">GrayText</td></tr>
<tr><td colspan="3" class="d" style="background-color: Highlight">Highlight</td></tr>
<tr><td colspan="3" style="background-color: HighlightText">HighlightText</td></tr>
<tr><td colspan="3" style="background-color: InactiveBorder">InactiveBorder</td></tr>
<tr><td colspan="3" style="background-color: InactiveCaption">InactiveCaption</td></tr>
<tr><td colspan="3" style="background-color: InactiveCaptionText">InactiveCaptionText</td></tr>
<tr><td colspan="3" style="background-color: InfoBackground">InfoBackground</td></tr>
<tr><td colspan="3" class="d" style="background-color: InfoText">InfoText</td></tr>
<tr><td colspan="3" style="background-color: Menu">Menu</td></tr>
<tr><td colspan="3" class="d" style="background-color: MenuText">MenuText</td></tr>
<tr><td colspan="3" style="background-color: Scrollbar">Scrollbar</td></tr>
<tr><td colspan="3" class="d" style="background-color: ThreeDDarkShadow">ThreeDDarkShadow</td></tr>
<tr><td colspan="3" style="background-color: ThreeDFace">ThreeDFace</td></tr>
<tr><td colspan="3" style="background-color: ThreeDHighlight">ThreeDHighlight</td></tr>
<tr><td colspan="3" style="background-color: ThreeDLightShadow">ThreeDLightShadow</td></tr>
<tr><td colspan="3" style="background-color: ThreeDShadow">ThreeDShadow</td></tr>
<tr><td colspan="3" style="background-color: Window">Window</td></tr>
<tr><td colspan="3" class="d" style="background-color: WindowFrame">WindowFrame</td></tr>
<tr><td colspan="3" class="d" style="background-color: WindowText">WindowText</td></tr>
</table>

<h2>Notes</h2>

<p>The color names can be used but the <abbr title="Hexadecimal">Hex</abbr> or <acronym title="Red, Green, Blue">RGB</acronym> colors are preferred.</p>

<p>This list taken from <a target="_blank" href="http://www.w3.org/TR/css3-color/">http://www.w3.org/TR/css3-color/</a>.</p>

<p><a class="sidebar" href="/sidebars/triplecolors/" rel="sidebar" title="TripleColors">Add TripleColors to your Opera Panels</a> or 
<a title="Selecting this link will add TripleColors to Mozilla/Netscape Sidebars" href="http://dirt.netscape.com/cgi-bin/sidebar.cgi?title=TripleColors&amp;URL=http://www.tntluoma.com/sidebars/triplecolors/">Add TripleColors to Netscape / Mozilla sidebars</a></p>

<p>Compiled by <a target="_blank" href="http://www.tntluoma.com">Tim Luoma</a> (latest version available at <a  target="_blank" href="http://www.tntluoma.com/sidebars/triplecolors/">http://www.tntluoma.com/sidebars/triplecolors/</a>.</p>

<p><a target="_blank" href="http://www.tntluoma.com/sidebars/">See more Sidebars at TnTLuoma.com</a></p>

<p><a target="_self" href="/sidebars/triplecolors/">Reload this page</a></p>

<p>(I&#8217;ll understand if you want to <a id="cleantriplecolors" href="/files/3colors.htm">see the table without all the rest of the formatting</a>.)</p>

<p>I&#8217;m most interested in seeing what might be missing. Make suggestions below!</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/triplecolors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Colors Sidebars</title>
		<link>http://tntluoma.com/sidebars/colors/</link>
		<comments>http://tntluoma.com/sidebars/colors/#comments</comments>
		<pubDate>Fri, 19 Dec 2008 16:01:25 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=1109</guid>
		<description><![CDATA[If you are seeing this in your sidebar and don&#8217;t know why:


Don&#8217;t freak out (although you may want to open this in a new page to make reading easier.
Scroll down to the bottom of the table for a new link for an un-adorned plain copy.


So&#8230; yeah, I wrote a bunch of sidebars a few years [...]]]></description>
			<content:encoded><![CDATA[<p>If you are seeing this in your sidebar and don&#8217;t know why:</p>

<ol>
<li><p>Don&#8217;t freak out (although you may want to <a target="_blank" href="/sidebars/colors">open this in a new page</a> to make reading easier.</p></li>
<li><p>Scroll down to the bottom of the table for a new link for an <a href="#cleanhtmlcolors">un-adorned plain copy</a>.</p></li>
</ol>

<p>So&#8230; yeah, I wrote a bunch of sidebars a few years ago, but have largely forgotten about them. They were for when I was writing a lot of web pages by hand (ah, the late &#8217;90s).</p>

<p>Apparently they are still in use. I wanted to put it into WordPress but keep the same URL.</p>

<p>So here&#8217;s the table:</p>

<p><span id="more-1109"></span></p>

<h1 class="center"><strong><acronym title="Hypertext Markup Language">HTML</acronym> Color Names &amp; Codes</strong></h1>

<p>You may be interested in viewing <a href="/sidebars/triplecolors/">TripleColors</a> which 
is 
probably more up-to-date and a better guide, since it displays all 3 methods.</p>

<div class="b" style="margin-top: 1em; background-color: aqua">aqua</div>

<div class="d" style="background-color: black">black</div>

<div class="d" style="background-color: blue">blue</div>

<div class="d" style="background-color: fuchsia">fuchsia</div>

<div class="d" style="background-color: gray">gray</div>

<div class="d" style="background-color: green">green</div>

<div class="b" style="background-color: lime">lime</div>

<div class="d" style="background-color: maroon">maroon</div>

<div class="d" style="background-color: navy">navy</div>

<div class="d" style="background-color: olive">olive</div>

<div class="d" style="background-color: purple">purple</div>

<div class="d" style="background-color: red">red</div>

<div class="b" style="background-color: silver">silver</div>

<div class="d" style="background-color: teal">teal</div>

<div class="b" style="background-color: white">white</div>

<div class="b" style="background-color: yellow">yellow</div>

<div class="b" style="background-color: #f0f8ff;">AliceBlue ~ #f0f8ff ~ 240 248 255</div>

<div class="b" style="background-color: #faebd7;">AntiqueWhite ~ faebd7 ~ 250 235 215</div>

<div class="b" style="background-color: #ffefdb;">AntiqueWhite1 ~ ffefdb ~ 255 239 219</div>

<div class="b" style="background-color: #eedfcc;">AntiqueWhite2 ~ eedfcc ~ 238 223 204</div>

<div class="b" style="background-color: #cdc0b0;">AntiqueWhite3 ~ cdc0b0 ~ 205 192 176</div>

<div class="b" style="background-color: #8b8378;">AntiqueWhite4 ~ 8b8378 ~ 139 131 120</div>

<div class="b" style="background-color: #7fffd4;">aquamarine ~ 7fffd4 ~ 127 255 212</div>

<div class="b" style="background-color: #7fffd4;">aquamarine1 ~ 7fffd4 ~ 127 255 212</div>

<div class="b" style="background-color: #76cdaa;">aquamarine2 ~ 76cdaa ~ 118 238 198</div>

<div class="b" style="background-color: #66cdaa;">aquamarine3 ~ 66cdaa ~ 102 205 170</div>

<div class="b" style="background-color: #458b74;">aquamarine4 ~ 458b74 ~ 69 139 116</div>

<div class="b" style="background-color: #f0ffff;">azure ~ f0ffff ~ 240 255 255</div>

<div class="b" style="background-color: #f0ffff;">azure1 ~ f0ffff ~ 240 255 255</div>

<div class="b" style="background-color: #e0eeee;">azure2 ~ e0eeee ~ 224 238 238</div>

<div class="b" style="background-color: #c1cdcd;">azure3 ~ c1cdcd ~ 193 205 205</div>

<div class="b" style="background-color: #838b8b;">azure4 ~ 838b8b ~ 131 139 139</div>

<div class="b" style="background-color: #f5f5dc;">beige ~ f5f5dc ~ 245 245 220</div>

<div class="b" style="background-color: #ffe4c4;">bisque ~ ffe4c4 ~ 255 228 196</div>

<div class="b" style="background-color: #ffe4c4;">bisque1 ~ ffe4c4 ~ 255 228 196</div>

<div class="b" style="background-color: #eed5b7;">bisque2 ~ eed5b7 ~ 238 213 183</div>

<div class="b" style="background-color: #cdb79e;">bisque3 ~ cdb79e ~ 205 183 158</div>

<div class="b" style="background-color: #8b7d6b;">bisque4 ~ 8b7d6b ~ 139 125 107</div>

<div class="d" style="background-color: #000000;">black ~ 000000 ~ 0 0 0</div>

<div class="b" style="background-color: #ffebcd;">BlanchedAlmond ~ ffebcd ~ 255 235 205</div>

<div class="b" style="background-color: #0000ff;">blue ~ 0000ff ~ 0 0 255</div>

<div class="b" style="background-color: #0000ff;">blue1 ~ 0000ff ~ 0 0 255</div>

<div class="b" style="background-color: #0000ee;">blue2 ~ 0000ee ~ 0 0 238</div>

<div class="b" style="background-color: #0000cd;">blue3 ~ 0000cd ~ 0 0 205</div>

<div class="d" style="background-color: #00008b;">blue4 ~ 00008b ~ 0 0 139</div>

<div class="b" style="background-color: #8a2be2;">BlueViolet ~ 8a2be2 ~ 138 43 226</div>

<div class="b" style="background-color: #a52a2a;">brown ~ a52a2a ~ 165 42 42</div>

<div class="b" style="background-color: #ff4040;">brown1 ~ ff4040 ~ 255  64 64</div>

<div class="b" style="background-color: #ee3b3b;">brown2 ~ ee3b3b ~ 238 59 59</div>

<div class="b" style="background-color: #cd3333;">brown3 ~ cd3333 ~ 205 51 51</div>

<div class="d" style="background-color: #8b2323;">brown4 ~ 8b2323 ~ 139 35 35</div>

<div class="b" style="background-color: #deb887;">burlywood ~ deb887 ~ 222 184 135</div>

<div class="b" style="background-color: #ffd39b;">burlywood1 ~ ffd39b ~ 255 211 155</div>

<div class="b" style="background-color: #eec59e;">burlywood2 ~ eec59e ~ 238 197 145</div>

<div class="b" style="background-color: #cdaa7d;">burlywood3 ~ cdaa7d ~ 205 170 125</div>

<div class="b" style="background-color: #8b7355;">burlywood4 ~ 8b7355 ~ 139 115 85</div>

<div class="b" style="background-color: #5f9ea0;">CadetBlue ~ 5f9ea0 ~ 95 158 160</div>

<div class="b" style="background-color: #98f5ff;">CadetBlue1 ~ 98f5ff ~ 152 245 255</div>

<div class="b" style="background-color: #8ee5ee;">CadetBlue2 ~ 8ee5ee ~ 142 229 238</div>

<div class="b" style="background-color: #7ac5cd;">CadetBlue3 ~ 7ac5cd ~ 122 197 205</div>

<div class="b" style="background-color: #53868b;">CadetBlue4 ~ 53868b ~ 83 134 139</div>

<div class="b" style="background-color: #7fff00;">chartreuse ~ 7fff00 ~ 127 255 0</div>

<div class="b" style="background-color: #7fff00;">chartreuse1 ~ 7fff00 ~ 127 255 0</div>

<div class="b" style="background-color: #76ee00;">chartreuse2 ~ 76ee00 ~ 118 238 0</div>

<div class="b" style="background-color: #66cd00;">chartreuse3 ~ 66cd00 ~ 102 205 0</div>

<div class="b" style="background-color: #458b00;">chartreuse4 ~ 458b00 ~ 69 139 0</div>

<div class="b" style="background-color: #d2691e;">chocolate ~ d2691e ~ 210 105 30</div>

<div class="b" style="background-color: #ff7f24;">chocolate1 ~ ff7f24 ~ 255 127 36</div>

<div class="b" style="background-color: #ee7621;">chocolate2 ~ ee7621 ~ 238 118 33</div>

<div class="b" style="background-color: #cd661d;">chocolate3 ~ cd661d ~ 205 102 29</div>

<div class="b" style="background-color: #8b4513;">chocolate4 ~ 8b4513 ~ 139  69 19</div>

<div class="b" style="background-color: #ff7f50;">coral ~ ff7f50 ~ 255 127 80</div>

<div class="b" style="background-color: #ff7256;">coral1 ~ ff7256 ~ 255 114 86</div>

<div class="b" style="background-color: #ee6a50;">coral2 ~ ee6a50 ~ 238 106 80</div>

<div class="b" style="background-color: #cd5b45;">coral3 ~ cd5b45 ~ 205 91 69</div>

<div class="b" style="background-color: #8b3e2f;">coral4 ~ 8b3e2f ~ 139 62 47</div>

<div class="b" style="background-color: #6495ed;">CornflowerBlue ~ 6495ed ~ 100 149 237</div>

<div class="b" style="background-color: #fff8dc;">cornsilk ~ fff8dc ~ 255 248 220</div>

<div class="b" style="background-color: #fff8dc;">cornsilk1 ~ fff8dc ~ 255 248 220</div>

<div class="b" style="background-color: #eee8cd;">cornsilk2 ~ eee8cd ~ 238 232 205</div>

<div class="b" style="background-color: #cdc8b1;">cornsilk3 ~ cdc8b1 ~ 205 200 177</div>

<div class="b" style="background-color: #8b8878;">cornsilk4 ~ 8b8878 ~ 139 136 120</div>

<div class="b" style="background-color: #00ffff;">cyan ~ 00ffff ~ 0 255 255</div>

<div class="b" style="background-color: #00ffff;">cyan1 ~ 00ffff ~ 0 255 255</div>

<div class="b" style="background-color: #00eeee;">cyan2 ~ 00eeee ~ 0 238 238</div>

<div class="b" style="background-color: #00cdcd;">cyan3 ~ 00cdcd ~ 0 205 205</div>

<div class="b" style="background-color: #008b8b;">cyan4 ~ 008b8b ~ 0 139 139</div>

<div class="d" style="background-color: #00008b;">DarkBlue ~ 00008b ~ 0 0 139</div>

<div class="b" style="background-color: #008b8b;">DarkCyan ~ 008b8b ~ 0 139 139</div>

<div class="b" style="background-color: #b8860b;">DarkGoldenrod ~ b8860b ~ 184 134 11</div>

<div class="b" style="background-color: #ffb90f;">DarkGoldenrod1 ~ ffb90f ~ 255 185 15</div>

<div class="b" style="background-color: #eead0e;">DarkGoldenrod2 ~ eead0e ~ 238 173 14</div>

<div class="b" style="background-color: #cd950c;">DarkGoldenrod3 ~ cd950c ~ 205 149 12</div>

<div class="b" style="background-color: #8b6508;">DarkGoldenrod4 ~ 8b6508 ~ 139 101 8</div>

<div class="b" style="background-color: #a9a9a9;">DarkGray ~ a9a9a9 ~ 169 169 169</div>

<div class="d" style="background-color: #006400;">DarkGreen ~ 006400 ~ 0 100 0</div>

<div class="b" style="background-color: #bdb76b;">DarkKhaki ~ bdb76b ~ 189 183 107</div>

<div class="b" style="background-color: #8b008b;">DarkMagenta ~ 8b008b ~ 139 0 139</div>

<div class="b" style="background-color: #556b2f;">DarkOliveGreen ~ 556b2f ~ 205 92 92</div>

<div class="b" style="background-color: #caff70;">DarkOliveGreen1 ~ caff70 ~ 202 255 112</div>

<div class="b" style="background-color: #bcee68;">DarkOliveGreen2 ~ bcee68 ~ 188 238 104</div>

<div class="b" style="background-color: #a2cd5a;">DarkOliveGreen3 ~ a2cd5a ~ 162 205 90</div>

<div class="b" style="background-color: #6e8b3d;">DarkOliveGreen4 ~ 6e8b3d ~ 110 139 61</div>

<div class="b" style="background-color: #ff8c00;">DarkOrange ~ ff8c00 ~ 255 140 0</div>

<div class="b" style="background-color: #ff7f00;">DarkOrange1 ~ ff7f00 ~ 255 127 0</div>

<div class="b" style="background-color: #ee7600;">DarkOrange2 ~ ee7600 ~ 238 118 0</div>

<div class="b" style="background-color: #cd6600;">DarkOrange3 ~ cd6600 ~ 205 102 0</div>

<div class="b" style="background-color: #8b4500;">DarkOrange4 ~ 8b4500 ~ 139 69 0</div>

<div class="b" style="background-color: #9932cc;">DarkOrchid ~ 9932cc ~ 153 50 204</div>

<div class="b" style="background-color: #bf3eff;">DarkOrchid1 ~ bf3eff ~ 191 62 255</div>

<div class="b" style="background-color: #b23aee;">DarkOrchid2 ~ b23aee ~ 178 58 238</div>

<div class="b" style="background-color: #9a32cd;">DarkOrchid3 ~ 9a32cd ~ 154 50 205</div>

<div class="b" style="background-color: #68228b;">DarkOrchid4 ~ 68228b ~ 104 34 139</div>

<div class="d" style="background-color: #8b0000;">DarkRed ~ 8b0000 ~ 139 0 0</div>

<div class="b" style="background-color: #e9967a;">DarkSalmon ~ e9967a ~ 233 150 122</div>

<div class="b" style="background-color: #8fbc8f;">DarkSeaGreen ~ 8fbc8f ~ 143 188 143</div>

<div class="b" style="background-color: #c1ffc1;">DarkSeaGreen1 ~ c1ffc1 ~ 193 255 193</div>

<div class="b" style="background-color: #b4eeb4;">DarkSeaGreen2 ~ b4eeb4 ~ 180 238 180</div>

<div class="b" style="background-color: #9bcd9b;">DarkSeaGreen3 ~ 9bcd9b ~ 155 205 155</div>

<div class="b" style="background-color: #698b69;">DarkSeaGreen4 ~ 698b69 ~ 105 139 105</div>

<div class="d" style="background-color: #483d8b;">DarkSlateBlue ~ 483d8b ~ 72 61 139</div>

<div class="d" style="background-color: #2f4f4f;">DarkSlateGray ~ 2f4f4f ~ 47 79 79</div>

<div class="b" style="background-color: #9bffff;">DarkSlateGray1 ~ 9bffff ~ 151 255 255</div>

<div class="b" style="background-color: #8deeee;">DarkSlateGray2 ~ 8deeee ~ 141 238 238</div>

<div class="b" style="background-color: #79cdcd;">DarkSlateGray3 ~ 79cdcd ~ 121 205 205</div>

<div class="b" style="background-color: #528b8b;">DarkSlateGray4 ~ 528b8b ~ 82 139 139</div>

<div class="b" style="background-color: #00ced1;">DarkTurquoise ~ 00ced1 ~ 0 206 209</div>

<div class="b" style="background-color: #9400d3;">DarkViolet ~ 9400d3 ~ 148 0 211</div>

<div class="b" style="background-color: #ff1493;">DeepPink ~ ff1493 ~ 255 20 147</div>

<div class="b" style="background-color: #ff1493;">DeepPink1 ~ ff1493 ~ 255 20 147</div>

<div class="b" style="background-color: #ee1289;">DeepPink2 ~ ee1289 ~ 238 18 137</div>

<div class="b" style="background-color: #cd1076;">DeepPink3 ~ cd1076 ~ 205 16 118</div>

<div class="b" style="background-color: #8b0a50;">DeepPink4 ~ 8b0a50 ~ 139 10 80</div>

<div class="b" style="background-color: #00bfff;">DeepSkyBlue ~ 00bfff ~ 0 191 255</div>

<div class="b" style="background-color: #00bfff;">DeepSkyBlue1 ~ 00bfff ~ 0 191 255</div>

<div class="b" style="background-color: #00b2ee;">DeepSkyBlue2 ~ 00b2ee ~ 0 178 238</div>

<div class="b" style="background-color: #009acd;">DeepSkyBlue3 ~ 009acd ~ 0 154 205</div>

<div class="b" style="background-color: #00688b;">DeepSkyBlue4 ~ 00688b ~ 0 104 139</div>

<div class="b" style="background-color: #696969;">DimGray ~ 696969 ~ 105 105 105</div>

<div class="b" style="background-color: #1e90ff;">DodgerBlue ~ 1e90ff ~ 30 144 255</div>

<div class="b" style="background-color: #1e90ff;">DodgerBlue1 ~ 1e90ff ~ 30 144 255</div>

<div class="b" style="background-color: #1c86ee;">DodgerBlue2 ~ 1c86ee ~ 28 134 238</div>

<div class="b" style="background-color: #1874cd;">DodgerBlue3 ~ 1874cd ~ 24 116 205</div>

<div class="d" style="background-color: #104e8b;">DodgerBlue4 ~ 104e8b ~ 16 78 139</div>

<div class="b" style="background-color: #b22222;">firebrick ~ b22222 ~ 178 34 34</div>

<div class="b" style="background-color: #ff2e2e;">firebrick1 ~ ff2e2e ~ 255  48  48</div>

<div class="b" style="background-color: #ee2c2c;">firebrick2 ~ ee2c2c ~ 238  44  44</div>

<div class="b" style="background-color: #cd2626;">firebrick3 ~ cd2626 ~ 205  38  38</div>

<div class="b" style="background-color: #8b1a1a;">firebrick4 ~ 8b1a1a ~ 139  26  26</div>

<div class="b" style="background-color: #fffaf0;">FloralWhite ~ fffaf0 ~ 255 250 240</div>

<div class="b" style="background-color: #228b22;">ForestGreen ~ 228b22 ~ 34 139 34</div>

<div class="b" style="background-color: #dcdcdc;">gainsboro ~ dcdcdc ~ 220 220 220</div>

<div class="b" style="background-color: #F8F8FF;">ghostwhite ~ F8F8FF ~ 248 248 255</div>

<div class="b" style="background-color: #ffd700;">gold ~ ffd700 ~ 255 215 0</div>

<div class="b" style="background-color: #ffd700;">gold1 ~ ffd700 ~ 255 215 0</div>

<div class="b" style="background-color: #eec900;">gold2 ~ eec900 ~ &#47; ~ gold2</div>

<div class="b" style="background-color: #cdad00;">gold3 ~ cdad00 ~ 205 173 0</div>

<div class="b" style="background-color: #8b7500;">gold4 ~ 8b7500 ~ 139 117 0</div>

<div class="b" style="background-color: #daa520;">goldenrod ~ daa520 ~ 218 165 32</div>

<div class="b" style="background-color: #fbb917;">goldenrod1 ~ fbb917 ~ 255 193 37</div>

<div class="b" style="background-color: #eeb422;">goldenrod2 ~ eeb422 ~ 238 180 34</div>

<div class="b" style="background-color: #cd9b1d;">goldenrod3 ~ cd9b1d ~ 205 155 29</div>

<div class="b" style="background-color: #8b6914;">goldenrod4 ~ 8b6914 ~ 139 105 20</div>

<div class="b" style="background-color: #808080;">gray ~ 808080 ~ 190 190 190</div>

<div class="d" >
<div class="b" style="background-color: #000000;">gray0 ~ 000000 ~ 0 0 0</div>
<div class="b" style="background-color: #030303;">gray1 ~ 030303 ~ 3 3 3</div>
<div class="b" style="background-color: #050505;">gray2 ~ 050505 ~ 5 5 5</div>
<div class="b" style="background-color: #080808;">gray3 ~ 080808 ~ 8 8 8</div>
<div class="b" style="background-color: #0a0a0a;">gray4 ~ 0a0a0a ~ 10 10 10</div>
<div class="b" style="background-color: #0d0d0d;">gray5 ~ 0d0d0d ~ 13 13 13</div>
<div class="b" style="background-color: #0f0f0f;">gray6 ~ 0f0f0f ~ 15 15 15</div>
<div class="b" style="background-color: #121212;">gray7 ~ 121212 ~ 18 18 18</div>
<div class="b" style="background-color: #141414;">gray8 ~ 141414 ~ 20 20 20</div>
<div class="b" style="background-color: #171717;">gray9 ~ 171717 ~ 23 23 23</div>
<div class="b" style="background-color: #1a1a1a;">gray10 ~ 1a1a1a ~ 26 26 26</div>
<div class="b" style="background-color: #1c1c1c;">gray11 ~ 1c1c1c ~ 28 28 28</div>
<div class="b" style="background-color: #1e1e1e;">gray12 ~ 1e1e1e ~ 31 31 31</div>
<div class="b" style="background-color: #212121;">gray13 ~ 212121 ~ 33 33 33</div>
<div class="b" style="background-color: #242424;">gray14 ~ 242424 ~ 36 36 36</div>
<div class="b" style="background-color: #262626;">gray15 ~ 262626 ~ 38 38 38</div>
<div class="b" style="background-color: #292929;">gray16 ~ 292929 ~ 41 41 41</div>
<div class="b" style="background-color: #2b2b2b;">gray17 ~ 2b2b2b ~ 43 43 43</div>
<div class="b" style="background-color: #2e2e2e;">gray18 ~ 2e2e2e ~ 46 46 46</div>
<div class="b" style="background-color: #303030;">gray19 ~ 303030 ~ 48 48 48</div>
<div class="b" style="background-color: #333333;">gray20 ~ 333333 ~ 51 51 51</div>
<div class="b" style="background-color: #363636;">gray21 ~ 363636 ~ 54 54 54</div>
<div class="b" style="background-color: #383838;">gray22 ~ 383838 ~ 56 56 56</div>
<div class="b" style="background-color: #3b3b3b;">gray23 ~ 3b3b3b ~ 59 59 59</div>
<div class="b" style="background-color: #3d3d3d;">gray24 ~ 3d3d3d ~ 61 61 61</div>
<div class="b" style="background-color: #404040;">gray25 ~ 404040 ~ 64 64 64</div>
<div class="b" style="background-color: #424242;">gray26 ~ 424242 ~ 66 66 66</div>
<div class="b" style="background-color: #454545;">gray27 ~ 454545 ~ 69 69 69</div>
<div class="b" style="background-color: #474747;">gray28 ~ 474747 ~ 71 71 71</div>
<div class="b" style="background-color: #4a4a4a;">gray29 ~ 4a4a4a ~ 74 74 74</div>
<div class="b" style="background-color: #4d4d4d;">gray30 ~ 4d4d4d ~ 77 77 77</div>
<div class="b" style="background-color: #4f4f4f;">gray31 ~ 4f4f4f ~ 79 79 79</div>
<div class="b" style="background-color: #525252;">gray32 ~ 525252 ~ 82 82 82</div>
<div class="b" style="background-color: #545454;">gray33 ~ 545454 ~ 84 84 84</div>
<div class="b" style="background-color: #575757;">gray34 ~ 575757 ~ 87 87 87</div>
<div class="b" style="background-color: #595959;">gray35 ~ 595959 ~ 89 89 89</div>
<div class="b" style="background-color: #5c5c5c;">gray36 ~ 5c5c5c ~ 92 92 92</div>
<div class="b" style="background-color: #5e5e5e;">gray37 ~ 5e5e5e ~ 94 94 94</div>
<div class="b" style="background-color: #616161;">gray38 ~ 616161 ~ 97 97 97</div>
<div class="b" style="background-color: #636363;">gray39 ~ 636363 ~ 99 99 99</div>
<div class="b" style="background-color: #666666;">gray40 ~ 666666 ~ 102 102 102</div>
<div class="b" style="background-color: #696969;">gray41 ~ 696969 ~ 105 105 105</div>
<div class="b" style="background-color: #7d7d7d;">gray49 ~ 7d7d7d ~ 125 125 125</div>
<div class="b" style="background-color: #8a8a8a;">gray54 ~ 8a8a8a ~ 138 138 138</div>
<div class="b" style="background-color: #8c8c8c;">gray55 ~ 8c8c8c ~ 140 140 140</div></div>

<div class="b" style="background-color: #8f8f8f;">gray56 ~ 8f8f8f ~ 143 143 143</div>

<div class="b" style="background-color: #919191;">gray57 ~ 919191 ~ 145 145 145</div>

<div class="b" style="background-color: #949494;">gray58 ~ 949494 ~ 148 148 148</div>

<div class="b" style="background-color: #969696;">gray59 ~ 969696 ~ 150 150 150</div>

<div class="b" style="background-color: #999999;">gray60 ~ 999999 ~ 153 153 153</div>

<div class="b" style="background-color: #9c9c9c;">gray61 ~ 9c9c9c ~ 156 156 156</div>

<div class="b" style="background-color: #9e9e9e;">gray62 ~ 9e9e9e ~ 158 158 158</div>

<div class="b" style="background-color: #a1a1a1;">gray63 ~ a1a1a1 ~ 161 161 161</div>

<div class="b" style="background-color: #a3a3a3;">gray64 ~ a3a3a3 ~ 163 163 163</div>

<div class="b" style="background-color: #a6a6a6;">gray65 ~ a6a6a6 ~ 166 166 166</div>

<div class="b" style="background-color: #a8a8a8;">gray66 ~ a8a8a8 ~ 168 168 168</div>

<div class="b" style="background-color: #ababab;">gray67 ~ ababab ~ 171 171 171</div>

<div class="b" style="background-color: #adadad;">gray68 ~ adadad ~ 173 173 173</div>

<div class="b" style="background-color: #b0b0b0;">gray69 ~ b0b0b0 ~ 176 176 176</div>

<div class="b" style="background-color: #b3b3b3;">gray70 ~ b3b3b3 ~ 179 179 179</div>

<div class="b" style="background-color: #b5b5b5;">gray71 ~ b5b5b5 ~ 181 181 181</div>

<div class="b" style="background-color: #b8b8b8;">gray72 ~ b8b8b8 ~ 184 184 184</div>

<div class="b" style="background-color: #bababa;">gray73 ~ bababa ~ 186 186 186</div>

<div class="b" style="background-color: #bdbdbd;">gray74 ~ bdbdbd ~ 189 189 189</div>

<div class="b" style="background-color: #bfbfbf;">gray75 ~ bfbfbf ~ 191 191 191</div>

<div class="b" style="background-color: #c2c2c2;">gray76 ~ c2c2c2 ~ 194 194 194</div>

<div class="b" style="background-color: #c4c4c4;">gray77 ~ c4c4c4 ~ 196 196 196</div>

<div class="b" style="background-color: #c7c7c7;">gray78 ~ c7c7c7 ~ 199 199 199</div>

<div class="b" style="background-color: #c9c9c9;">gray79 ~ c9c9c9 ~ 201 201 201</div>

<div class="b" style="background-color: #cccccc;">gray80 ~ cccccc ~ 204 204 204</div>

<div class="b" style="background-color: #cfcfcf;">gray81 ~ cfcfcf ~ 207 207 207</div>

<div class="b" style="background-color: #d1d1d1;">gray82 ~ d1d1d1 ~ 209 209 209</div>

<div class="b" style="background-color: #d4d4d4;">gray83 ~ d4d4d4 ~ 212 212 212</div>

<div class="b" style="background-color: #d6d6d6;">gray84 ~ d6d6d6 ~ 214 214 214</div>

<div class="b" style="background-color: #d9d9d9;">gray85 ~ d9d9d9 ~ 217 217 217</div>

<div class="b" style="background-color: #dbdbdb;">gray86 ~ dbdbdb ~ 219 219 219</div>

<div class="b" style="background-color: #dedede;">gray87 ~ dedede ~ 222 222 222</div>

<div class="b" style="background-color: #e0e0e0;">gray88 ~ e0e0e0 ~ 224 224 224</div>

<div class="b" style="background-color: #e3e3e3;">gray89 ~ e3e3e3 ~ 227 227 227</div>

<div class="b" style="background-color: #e5e5e5;">gray90 ~ e5e5e5 ~ 229 229 229</div>

<div class="b" style="background-color: #e8e8e8;">gray91 ~ e8e8e8 ~ 232 232 232</div>

<div class="b" style="background-color: #ebebeb;">gray92 ~ ebebeb ~ 235 235 235</div>

<div class="b" style="background-color: #ededed;">gray93 ~ ededed ~ 237 237 237</div>

<div class="b" style="background-color: #f0f0f0;">gray94 ~ f0f0f0 ~ 240 240 240</div>

<div class="b" style="background-color: #f2f2f2;">gray95 ~ f2f2f2 ~ 242 242 242</div>

<div class="b" style="background-color: #f5f5f5;">gray96 ~ f5f5f5 ~ 245 245 245</div>

<div class="b" style="background-color: #f7f7f7;">gray97 ~ f7f7f7 ~ 247 247 247</div>

<div class="b" style="background-color: #fafafa;">gray98 ~ fafafa ~ 250 250 250</div>

<div class="b" style="background-color: #fcfcfc;">gray99 ~ fcfcfc ~ 252 252 252</div>

<div class="b" style="background-color: #008000;">green ~ 008000 ~ 0 255 0</div>

<div class="b" style="background-color: #00ff00;">green1 ~ 00ff00 ~ 0 255 0</div>

<div class="b" style="background-color: #00ee00;">green2 ~ 00ee00 ~ 0 238 0</div>

<div class="b" style="background-color: #00cd00;">green3 ~ 00cd00 ~ 0 205 0</div>

<div class="d" style="background-color: #008b00;">green4 ~ 008b00 ~ 0 139 0</div>

<div class="b" style="background-color: #adff2f;">GreenYellow ~ adff2f ~ 173 255 47</div>

<div class="b" style="background-color: #f0fff0;">honeydew ~ f0fff0 ~ 240 255 240</div>

<div class="b" style="background-color: #f0fff0;">honeydew1 ~ f0fff0 ~ 240 255 240</div>

<div class="b" style="background-color: #e0eee0;">honeydew2 ~ e0eee0 ~ 224 238 224</div>

<div class="b" style="background-color: #c1cdc1;">honeydew3 ~ c1cdc1 ~ 193 205 193</div>

<div class="b" style="background-color: #838b83;">honeydew4 ~ 838b83 ~ 131 139 131</div>

<div class="b" style="background-color: #ff69b4;">HotPink ~ ff69b4 ~ 255 105 180</div>

<div class="b" style="background-color: #ff6eb4;">HotPink1 ~ ff6eb4 ~ 255 110 180</div>

<div class="b" style="background-color: #ee6aa7;">HotPink2 ~ ee6aa7 ~ 238 106 167</div>

<div class="b" style="background-color: #cd6090;">HotPink3 ~ cd6090 ~ 205 96 144</div>

<div class="d" style="background-color: #8b3a62;">HotPink4 ~ 8b3a62 ~ 139 58 98</div>

<div class="b" style="background-color: #cd5c5c;">IndianRed ~ cd5c5c ~ 205 92 92</div>

<div class="b" style="background-color: #ff6a6a;">IndianRed1 ~ ff6a6a ~ 255 106 106</div>

<div class="b" style="background-color: #ee6363;">IndianRed2 ~ ee6363 ~ 238 99 99</div>

<div class="b" style="background-color: #cd5555;">IndianRed3 ~ cd5555 ~ 205 85 85</div>

<div class="d" style="background-color: #8b3a3a;">IndianRed4 ~ 8b3a3a ~ 139 58 58</div>

<div class="b" style="background-color: #fffff0;">ivory ~ fffff0 ~ 255 255 240</div>

<div class="b" style="background-color: #fffff0;">ivory1 ~ fffff0 ~ 255 255 240</div>

<div class="b" style="background-color: #eeeee0;">ivory2 ~ eeeee0 ~ 238 238 224</div>

<div class="b" style="background-color: #cdcdc1;">ivory3 ~ cdcdc1 ~ 205 205 193</div>

<div class="b" style="background-color: #8b8b83;">ivory4 ~ 8b8b83 ~ 139 139 131</div>

<div class="b" style="background-color: #f0e68c;">khaki ~ f0e68c ~ 240 230 140</div>

<div class="b" style="background-color: #fff68f;">khaki1 ~ fff68f ~ 255 246 143</div>

<div class="b" style="background-color: #eee685;">khaki2 ~ eee685 ~ 238 230 133</div>

<div class="b" style="background-color: #cdc673;">khaki3 ~ cdc673 ~ 205 198 115</div>

<div class="b" style="background-color: #8b864e;">khaki4 ~ 8b864e ~ 139 134 78</div>

<div class="b" style="background-color: #e6e6fa;">lavender ~ e6e6fa ~ 230 230 250</div>

<div class="b" style="background-color: #fff0f5;">LavenderBlush ~ fff0f5 ~ 255 240 245</div>

<div class="b" style="background-color: #fff0f5;">LavenderBlush1 ~ fff0f5 ~ 255 240 245</div>

<div class="b" style="background-color: #eee0e5;">LavenderBlush2 ~ eee0e5 ~ 238 224 229</div>

<div class="b" style="background-color: #cdc1c5;">LavenderBlush3 ~ cdc1c5 ~ 205 193 197</div>

<div class="b" style="background-color: #8b8386;">LavenderBlush4 ~ 8b8386 ~ 139 131 134</div>

<div class="b" style="background-color: #7cfc7f;">LawnGreen ~ 7cfc7f ~ 124 252 0</div>

<div class="b" style="background-color: #EEE9BF;">LemonChiffon ~ EEE9BF ~ 255 250 205</div>

<div class="b" style="background-color: #fffacd;">LemonChiffon1 ~ fffacd ~ 255 250 205</div>

<div class="b" style="background-color: #eec9a5;">LemonChiffon2 ~ eec9a5 ~ 238 233 191</div>

<div class="b" style="background-color: #cdc9a5;">LemonChiffon3 ~ cdc9a5 ~ 205 201 165</div>

<div class="b" style="background-color: #8b8970;">LemonChiffon4 ~ 8b8970 ~ 139 137 112</div>

<div class="b" style="background-color: #add8e6;">LightBlue ~ add8e6 ~ 173 216 230</div>

<div class="b" style="background-color: #bfefff;">LightBlue1 ~ bfefff ~ 191 239 255</div>

<div class="b" style="background-color: #b2dfee;">LightBlue2 ~ b2dfee ~ 178 223 238</div>

<div class="b" style="background-color: #9ac0cd;">LightBlue3 ~ 9ac0cd ~ 154 192 205</div>

<div class="b" style="background-color: #68838b;">LightBlue4 ~ 68838b ~ 104 131 139</div>

<div class="b" style="background-color: #f08080;">LightCoral ~ f08080 ~ 240 128 128</div>

<div class="b" style="background-color: #e1ffff;">LightCyan ~ e1ffff ~ 224 255 255</div>

<div class="b" style="background-color: #e0ffff;">LightCyan1 ~ e0ffff ~ 224 255 255</div>

<div class="b" style="background-color: #D1EEEE;">LightCyan2 ~ D1EEEE ~ 209 238 238</div>

<div class="b" style="background-color: #b4cdcd;">LightCyan3 ~ b4cdcd ~ 180 205 205</div>

<div class="b" style="background-color: #7a8b82;">LightCyan4 ~ 7a8b82 ~ 122 139 139</div>

<div class="b" style="background-color: #eedd82;">LightGoldenrod ~ eedd82 ~ 238 221 130</div>

<div class="b" style="background-color: #ffec8b;">LightGoldenrod1 ~ ffec8b ~ 255 236 139</div>

<div class="b" style="background-color: #eedc82;">LightGoldenrod2 ~ eedc82 ~ 238 220 130</div>

<div class="b" style="background-color: #cdbe70;">LightGoldenrod3 ~ cdbe70 ~ 205 190 112</div>

<div class="b" style="background-color: #8b814c;">LightGoldenrod4 ~ 8b814c ~ 139 129 76</div>

<div class="b" style="background-color: #fafad2;">LightGoldenrodYellow ~ fafad2 ~ 250 250 210</div>

<div class="b" style="background-color: #d3d3d3;">LightGray ~ d3d3d3 ~ 211 211 211</div>

<div class="b" style="background-color: #90ee90;">LightGreen ~ 90ee90 ~ 144 238 144</div>

<div class="b" style="background-color: #ffb6c1;">LightPink ~ ffb6c1 ~ 255 182 193</div>

<div class="b" style="background-color: #ffaeb9;">LightPink1 ~ ffaeb9 ~ 255 174 185</div>

<div class="b" style="background-color: #eea2ad;">LightPink2 ~ eea2ad ~ 238 162 173</div>

<div class="b" style="background-color: #cd8c95;">LightPink3 ~ cd8c95 ~ 205 140 149</div>

<div class="d" style="background-color: #8b5f65;">LightPink4 ~ 8b5f65 ~ 139 95 101</div>

<div class="b" style="background-color: #ffa07a;">LightSalmon ~ ffa07a ~ 255 160 122</div>

<div class="b" style="background-color: #ffa07a;">LightSalmon1 ~ ffa07a ~ 255 160 122</div>

<div class="b" style="background-color: #ee9572;">LightSalmon2 ~ ee9572 ~ 238 149 114</div>

<div class="b" style="background-color: #cd8162;">LightSalmon3 ~ cd8162 ~ 205 129 98</div>

<div class="d" style="background-color: #8b5742;">LightSalmon4 ~ 8b5742 ~ 139 87 66</div>

<div class="b" style="background-color: #20b2aa;">LightSeaGreen ~ 20b2aa ~ 32 178 170</div>

<div class="b" style="background-color: #87cefa;">LightSkyBlue ~ 87cefa ~ 135 206 250</div>

<div class="b" style="background-color: #b0e2ff;">LightSkyBlue1 ~ b0e2ff ~ 176 226 255</div>

<div class="b" style="background-color: #a4d3ee;">LightSkyBlue2 ~ a4d3ee ~ 164 211 238</div>

<div class="b" style="background-color: #8db6cd;">LightSkyBlue3 ~ 8db6cd ~ 141 182 205</div>

<div class="b" style="background-color: #607b8b;">LightSkyBlue4 ~ 607b8b ~ 96 123 139</div>

<div class="b" style="background-color: #8470ff;">LightSlateBlue ~ 8470ff ~ 132 112 255</div>

<div class="b" style="background-color: #778899;">LightSlateGray ~ 778899 ~ 119 136 153</div>

<div class="b" style="background-color: #b0c4de;">LightSteelBlue ~ b0c4de ~ 176 196 222</div>

<div class="b" style="background-color: #cae1ff;">LightSteelBlue1 ~ cae1ff ~ 202 225 255</div>

<div class="b" style="background-color: #bcd2ee;">LightSteelBlue2 ~ bcd2ee ~ 188 210 238</div>

<div class="b" style="background-color: #a2b5cd;">LightSteelBlue3 ~ a2b5cd ~ 162 181 205</div>

<div class="b" style="background-color: #6e7b8b;">LightSteelBlue4 ~ 6e7b8b ~ 110 123 139</div>

<div class="b" style="background-color: #ffffe0;">LightYellow ~ ffffe0 ~ 255 255 224</div>

<div class="b" style="background-color: #ffffe0;">LightYellow1 ~ ffffe0 ~ 255 255 224</div>

<div class="b" style="background-color: #eeeed1;">LightYellow2 ~ eeeed1 ~ 238 238 209</div>

<div class="b" style="background-color: #cdcdb4;">LightYellow3 ~ cdcdb4 ~ 205 205 180</div>

<div class="b" style="background-color: #8b8b6a;">LightYellow4 ~ 8b8b6a ~ 139 139 122</div>

<div class="b" style="background-color: #32cd32;">LimeGreen ~ 32cd32 ~ 50 205 50</div>

<div class="b" style="background-color: #faf0e6;">linen ~ faf0e6 ~ 250 240 230</div>

<div class="b" style="background-color: #ff00ff;">magenta ~ ff00ff ~ 255 0 255</div>

<div class="b" style="background-color: #ff00ff;">magenta1 ~ ff00ff ~ 255 0 255</div>

<div class="b" style="background-color: #ee00ee;">magenta2 ~ ee00ee ~ 238 0 238</div>

<div class="b" style="background-color: #cd00cd;">magenta3 ~ cd00cd ~ 205 0 205</div>

<div class="b" style="background-color: #8b008b;">magenta4 ~ 8b008b ~ 139 0 139</div>

<div class="b" style="background-color: #b02e60;">maroon ~ b02e60 ~ 176 48 96</div>

<div class="b" style="background-color: #ff34b3;">maroon1 ~ ff34b3 ~ 255 52 179</div>

<div class="b" style="background-color: #ee30a7;">maroon2 ~ ee30a7 ~ 238 48 167</div>

<div class="b" style="background-color: #cd2990;">maroon3 ~ cd2990 ~ 205 41 144</div>

<div class="d" style="background-color: #8b1c62;">maroon4 ~ 8b1c62 ~ 139 28 98</div>

<div class="b" style="background-color: #66cdaa;">MediumAquamarine ~ 66cdaa ~ 102 205 170</div>

<div class="d" style="background-color: #0000cd;">MediumBlue ~ 0000cd ~ 0 0 205</div>

<div class="b" style="background-color: #ba55d3;">MediumOrchid ~ ba55d3 ~ 186 85 211</div>

<div class="b" style="background-color: #d15fee;">MediumOrchid1 ~ d15fee ~ 224 102 255</div>

<div class="b" style="background-color: #d15fee;">MediumOrchid2 ~ d15fee ~ 209 95 238</div>

<div class="b" style="background-color: #b452cd;">MediumOrchid3 ~ b452cd ~ 180 82 205</div>

<div class="b" style="background-color: #7a378b;">MediumOrchid4 ~ 7a378b ~ 122 55 139</div>

<div class="b" style="background-color: #a020f0;">MediumPurple ~ a020f0 ~ 147 112 219</div>

<div class="b" style="background-color: #ab82ff;">MediumPurple1 ~ ab82ff ~ 171 130 255</div>

<div class="b" style="background-color: #9f79ee;">MediumPurple2 ~ 9f79ee ~ 159 121 238</div>

<div class="b" style="background-color: #8968cd;">MediumPurple3 ~ 8968cd ~ 137 104 205</div>

<div class="b" style="background-color: #5d478b;">MediumPurple4 ~ 5d478b ~ 93 71 139</div>

<div class="b" style="background-color: #3cb371;">MediumSeaGreen ~ 3cb371 ~ 60 179 113</div>

<div class="b" style="background-color: #7b68ee;">MediumSlateBlue ~ 7b68ee ~ 123 104 238</div>

<div class="b" style="background-color: #00fa9a;">MediumSpringGreen ~ 00fa9a ~ 0 250 154</div>

<div class="b" style="background-color: #48d1cc;">MediumTurquoise ~ 48d1cc ~ 72 209 204</div>

<div class="b" style="background-color: #c71585;">MediumVioletRed ~ c71585 ~ 199 21 133</div>

<div class="d" style="background-color: #191970;">MidnightBlue ~ 191970 ~ 25 25 112</div>

<div class="b" style="background-color: #f5fffa;">MintCream ~ f5fffa ~ 245 255 250</div>

<div class="b" style="background-color: #ffe4e1;">MistyRose ~ ffe4e1 ~ 255 228 225</div>

<div class="b" style="background-color: #ffe4e1;">MistyRose1 ~ ffe4e1 ~ 255 228 225</div>

<div class="b" style="background-color: #eed5d2;">MistyRose2 ~ eed5d2 ~ 238 213 210</div>

<div class="b" style="background-color: #cdb7b5;">MistyRose3 ~ cdb7b5 ~ 205 183 181</div>

<div class="b" style="background-color: #8b7d7b;">MistyRose4 ~ 8b7d7b ~ 240 255 255</div>

<div class="b" style="background-color: #ffe4b5;">moccasin ~ ffe4b5 ~ 255 228 181</div>

<div class="b" style="background-color: #ffdab9;">NavajoWhite ~ ffdab9 ~ 255 222 173</div>

<div class="b" style="background-color: #ffdead;">NavajoWhite1 ~ ffdead ~ 255 222 173</div>

<div class="b" style="background-color: #eecfa1;">NavajoWhite2 ~ eecfa1 ~ 238 207 161</div>

<div class="b" style="background-color: #cdb38b;">NavajoWhite3 ~ cdb38b ~ 205 179 139</div>

<div class="b" style="background-color: #8b795e;">NavajoWhite4 ~ 8b795e ~ 139 121 94</div>

<div class="d" style="background-color: #000080;">navy ~ 000080 ~ 0 0 128</div>

<div class="d" style="background-color: #000080;">NavyBlue ~ 000080 ~ 0 0 128</div>

<div class="b" style="background-color: #faf5e6;">OldLace ~ faf5e6 ~ 253 245 230</div>

<div class="b" style="background-color: #6b8e23;">OliveDrab ~ 6b8e23 ~ 107 142 35</div>

<div class="b" style="background-color: #c0ff3e;">OliveDrab1 ~ c0ff3e ~ 192 255 62</div>

<div class="b" style="background-color: #b3ee3a;">OliveDrab2 ~ b3ee3a ~ 179 238 58</div>

<div class="b" style="background-color: #9acd32;">OliveDrab3 ~ 9acd32 ~ 154 205 50</div>

<div class="b" style="background-color: #698b22;">OliveDrab4 ~ 698b22 ~ 105 139 34</div>

<div class="b" style="background-color: #ffa500;">orange ~ ffa500 ~ 255 165 0</div>

<div class="b" style="background-color: #ffa500;">orange1 ~ ffa500 ~ 255 165 0</div>

<div class="b" style="background-color: #ee9a00;">orange2 ~ ee9a00 ~ 238 154 0</div>

<div class="b" style="background-color: #cd8500;">orange3 ~ cd8500 ~ 205 133 0</div>

<div class="b" style="background-color: #8b5a00;">orange4 ~ 8b5a00 ~ 139 90 0</div>

<div class="b" style="background-color: #ff4100;">OrangeRed ~ ff4100 ~ 255 69 0</div>

<div class="b" style="background-color: #ff4500;">OrangeRed1 ~ ff4500 ~ 255 69 0</div>

<div class="b" style="background-color: #ee4000;">OrangeRed2 ~ ee4000 ~ 238 64 0</div>

<div class="b" style="background-color: #cd3700;">OrangeRed3 ~ cd3700 ~ 205 55 0</div>

<div class="d" style="background-color: #8b2500;">OrangeRed4 ~ 8b2500 ~ 139 37 0</div>

<div class="b" style="background-color: #da70d6;">orchid ~ da70d6 ~ 218 112 214</div>

<div class="b" style="background-color: #8b008b;">orchid1 ~ 8b008b ~ 255 131 250</div>

<div class="b" style="background-color: #ee7ae9;">orchid2 ~ ee7ae9 ~ 238 122 233</div>

<div class="b" style="background-color: #cd69c9;">orchid3 ~ cd69c9 ~ 205 105 201</div>

<div class="b" style="background-color: #8b4789;">orchid4 ~ 8b4789 ~ 139 71 137</div>

<div class="b" style="background-color: #eee8aa;">PaleGoldenrod ~ eee8aa ~ 238 232 170</div>

<div class="b" style="background-color: #98fb98;">PaleGreen ~ 98fb98 ~ 152 251 152</div>

<div class="b" style="background-color: #9aff9a;">PaleGreen1 ~ 9aff9a ~ 154 255 154</div>

<div class="b" style="background-color: #90ee90;">PaleGreen2 ~ 90ee90 ~ 144 238 144</div>

<div class="b" style="background-color: #7ccd7c;">PaleGreen3 ~ 7ccd7c ~ 124 205 124</div>

<div class="b" style="background-color: #548b54;">PaleGreen4 ~ 548b54 ~ 84 139 84</div>

<div class="b" style="background-color: #afeeee;">PaleTurquoise ~ afeeee ~ 175 238 238</div>

<div class="b" style="background-color: #bbffff;">PaleTurquoise1 ~ bbffff ~ 187 255 255</div>

<div class="b" style="background-color: #aeeeee;">PaleTurquoise2 ~ aeeeee ~ 174 238 238</div>

<div class="b" style="background-color: #96cdcd;">PaleTurquoise3 ~ 96cdcd ~ 150 205 205</div>

<div class="b" style="background-color: #668b8b;">PaleTurquoise4 ~ 668b8b ~ 102 139 139</div>

<div class="b" style="background-color: #db7093;">PaleVioletRed ~ db7093 ~ 219 112 147</div>

<div class="b" style="background-color: #ff82ab;">PaleVioletRed1 ~ ff82ab ~ 255 130 171</div>

<div class="b" style="background-color: #ee799f;">PaleVioletRed2 ~ ee799f ~ 238 121 159</div>

<div class="b" style="background-color: #cd6889;">PaleVioletRed3 ~ cd6889 ~ 205 104 137</div>

<div class="d" style="background-color: #8b475d;">PaleVioletRed4 ~ 8b475d ~ 139 71 93</div>

<div class="b" style="background-color: #ffefd5;">PapayaWhip ~ ffefd5 ~ 255 239 213</div>

<div class="b" style="background-color: #ffdab9;">PeachPuff ~ ffdab9 ~ 255 218 185</div>

<div class="b" style="background-color: #ffdab9;">PeachPuff1 ~ ffdab9 ~ 255 218 185</div>

<div class="b" style="background-color: #eecbad;">PeachPuff2 ~ eecbad ~ 238 203 173</div>

<div class="b" style="background-color: #cdaf95;">PeachPuff3 ~ cdaf95 ~ 205 175 149</div>

<div class="d" style="background-color: #8b7765;">PeachPuff4 ~ 8b7765 ~ 139 119 101</div>

<div class="b" style="background-color: #cd853f;">peru ~ cd853f ~ 205 133 63</div>

<div class="b" style="background-color: #ffc0cb;">pink ~ ffc0cb ~ 255 192 203</div>

<div class="b" style="background-color: #ffb5c5;">pink1 ~ ffb5c5 ~ 255 181 197</div>

<div class="b" style="background-color: #eea9b8;">pink2 ~ eea9b8 ~ 238 169 184</div>

<div class="b" style="background-color: #cd919e;">pink3 ~ cd919e ~ 205 145 158</div>

<div class="d" style="background-color: #8b636c;">pink4 ~ 8b636c ~ 139 99 108</div>

<div class="b" style="background-color: #dda0dd;">plum ~ dda0dd ~ 221 160 221</div>

<div class="b" style="background-color: #ffbbff;">plum1 ~ ffbbff ~ 255 187 255</div>

<div class="b" style="background-color: #eeaeee;">plum2 ~ eeaeee ~ 238 174 238</div>

<div class="b" style="background-color: #cd96cd;">plum3 ~ cd96cd ~ 205 150 205</div>

<div class="b" style="background-color: #8b668b;">plum4 ~ 8b668b ~ 139 102 139</div>

<div class="b" style="background-color: #b0e0e6;">PowderBlue ~ b0e0e6 ~ 176 224 230</div>

<div class="b" style="background-color: #a020f0;">purple ~ a020f0 ~ 160 32 240</div>

<div class="b" style="background-color: #9b30ff;">purple1 ~ 9b30ff ~ 155 48 255</div>

<div class="b" style="background-color: #912cee;">purple2 ~ 912cee ~ 145 44 238</div>

<div class="b" style="background-color: #7d26cd;">purple3 ~ 7d26cd ~ 125 38 205</div>

<div class="d" style="background-color: #551a8b;">purple4 ~ 551a8b ~ 85 26 139</div>

<div class="b" style="background-color: #ff0000;">red1 ~ ff0000 ~ 255 0 0</div>

<div class="b" style="background-color: #ee0000;">red2 ~ ee0000 ~ 238 0 0</div>

<div class="b" style="background-color: #cd0000;">red3 ~ cd0000 ~ 205 0 0</div>

<div class="d" style="background-color: #8b0000;">red4 ~ 8b0000 ~ 139 0 0</div>

<div class="b" style="background-color: #bc8f8f;">RosyBrown ~ bc8f8f ~ 188 143 143</div>

<div class="b" style="background-color: #ffb6b6;">RosyBrown1 ~ ffb6b6 ~ 255 193 193</div>

<div class="b" style="background-color: #eeb4b4;">RosyBrown2 ~ eeb4b4 ~ 238 180 180</div>

<div class="b" style="background-color: #cd9b9b;">RosyBrown3 ~ cd9b9b ~ 205 155 155</div>

<div class="b" style="background-color: #8b6969;">RosyBrown4 ~ 8b6969 ~ 139 105 105</div>

<div class="b" style="background-color: #4169e1;">RoyalBlue ~ 4169e1 ~ 65 105 225</div>

<div class="b" style="background-color: #4876ff;">RoyalBlue1 ~ 4876ff ~ 72 118 255</div>

<div class="b" style="background-color: #436eee;">RoyalBlue2 ~ 436eee ~ 67 110 238</div>

<div class="b" style="background-color: #3a5fcd;">RoyalBlue3 ~ 3a5fcd ~ 58 95 205</div>

<div class="d" style="background-color: #27408b;">RoyalBlue4 ~ 27408b ~ 39 64 139</div>

<div class="d" style="background-color: #8b4513;">SaddleBrown ~ 8b4513 ~ 139 69 19</div>

<div class="b" style="background-color: #fa8072;">salmon ~ fa8072 ~ 250 128 114</div>

<div class="b" style="background-color: #ff8c69;">salmon1 ~ ff8c69 ~ 255 140 105</div>

<div class="b" style="background-color: #ee8262;">salmon2 ~ ee8262 ~ 238 130 98</div>

<div class="b" style="background-color: #cd7054;">salmon3 ~ cd7054 ~ 205 112 84</div>

<div class="d" style="background-color: #8b4c39;">salmon4 ~ 8b4c39 ~ 139 76 57</div>

<div class="b" style="background-color: #f4a460;">SandyBrown ~ f4a460 ~ 244 164 96</div>

<div class="d" style="background-color: #2e8b57;">SeaGreen ~ 2e8b57 ~ 46 139 87</div>

<div class="b" style="background-color: #54ff9f;">SeaGreen1 ~ 54ff9f ~ 84 255 159</div>

<div class="b" style="background-color: #4eee94;">SeaGreen2 ~ 4eee94 ~ 78 238 148</div>

<div class="b" style="background-color: #43cd80;">SeaGreen3 ~ 43cd80 ~ 67 205 128</div>

<div class="d" style="background-color: #2e8b57;">SeaGreen4 ~ 2e8b57 ~ 46 139 87</div>

<div class="b" style="background-color: #fff5ee;">seashell ~ fff5ee ~ 240 255 240</div>

<div class="b" style="background-color: #fff5ee;">seashell1 ~ fff5ee ~ 255 245 238</div>

<div class="b" style="background-color: #eee5de;">seashell2 ~ eee5de ~ 238 229 222</div>

<div class="b" style="background-color: #cdc5bf;">seashell3 ~ cdc5bf ~ 205 197 191</div>

<div class="b" style="background-color: #8b8682;">seashell4 ~ 8b8682 ~ 139 134 130</div>

<div class="d" style="background-color: #a0522d;">sienna ~ a0522d ~ 160 82 45</div>

<div class="b" style="background-color: #ff8247;">sienna1 ~ ff8247 ~ 255 130 71</div>

<div class="b" style="background-color: #ee7942;">sienna2 ~ ee7942 ~ 238 121 66</div>

<div class="b" style="background-color: #cd6839;">sienna3 ~ cd6839 ~ 205 104 57</div>

<div class="d" style="background-color: #8b4736;">sienna4 ~ 8b4736 ~ 139 71 38</div>

<div class="b" style="background-color: #87ceeb;">SkyBlue ~ 87ceeb ~ 135 206 235</div>

<div class="b" style="background-color: #87ceff;">SkyBlue1 ~ 87ceff ~ 135 206 255</div>

<div class="b" style="background-color: #7ec0ee;">SkyBlue2 ~ 7ec0ee ~ 126 192 238</div>

<div class="b" style="background-color: #6ca6cd;">SkyBlue3 ~ 6ca6cd ~ 108 166 205</div>

<div class="b" style="background-color: #4a708b;">SkyBlue4 ~ 4a708b ~ 74 112 139</div>

<div class="b" style="background-color: #6a5acd;">SlateBlue ~ 6a5acd ~ 106 90 205</div>

<div class="b" style="background-color: #836fff;">SlateBlue1 ~ 836fff ~ 131 111 255</div>

<div class="b" style="background-color: #7a67ee;">SlateBlue2 ~ 7a67ee ~ 122 103 238</div>

<div class="b" style="background-color: #6959cd;">SlateBlue3 ~ 6959cd ~ 105 89 205</div>

<div class="d" style="background-color: #473c8b;">SlateBlue4 ~ 473c8b ~ 71 60 139</div>

<div class="b" style="background-color: #708090;">SlateGray ~ 708090 ~ 112 128 144</div>

<div class="b" style="background-color: #c6e2ff;">SlateGray1 ~ c6e2ff ~ 198 226 255</div>

<div class="b" style="background-color: #b9d3ee;">SlateGray2 ~ b9d3ee ~ 185 211 238</div>

<div class="b" style="background-color: #9fb6cd;">SlateGray3 ~ 9fb6cd ~ 159 182 205</div>

<div class="b" style="background-color: #6c7b8b;">SlateGray4 ~ 6c7b8b ~ 108 123 139</div>

<div class="b" style="background-color: #FFFAFA;">snow ~ FFFAFA ~ 255 250 250</div>

<div class="b" style="background-color: #FFFAFA;">snow1 ~ FFFAFA ~ 255 250 250</div>

<div class="b" style="background-color: #eee9e9;">snow2 ~ eee9e9 ~ 238 233 233</div>

<div class="b" style="background-color: #cdc9c9;">snow3 ~ cdc9c9 ~ 205 201 201</div>

<div class="b" style="background-color: #8b8989;">snow4 ~ 8b8989 ~ 139 137 137</div>

<div class="b" style="background-color: #00ff7f;">SpringGreen ~ 00ff7f ~ 0 255 127</div>

<div class="b" style="background-color: #00ff7f;">SpringGreen1 ~ 00ff7f ~ 0 255 127</div>

<div class="b" style="background-color: #00ee76;">SpringGreen2 ~ 00ee76 ~ 0 238 118</div>

<div class="b" style="background-color: #00cd66;">SpringGreen3 ~ 00cd66 ~ 0 205 102</div>

<div class="b" style="background-color: #008b45;">SpringGreen4 ~ 008b45 ~ 0 139 69</div>

<div class="b" style="background-color: #4682b4;">SteelBlue ~ 4682b4 ~ 70 130 180</div>

<div class="b" style="background-color: #63B8FF;">SteelBlue1 ~ 63B8FF ~ 99 184 255</div>

<div class="b" style="background-color: #5cacee;">SteelBlue2 ~ 5cacee ~ 92 172 238</div>

<div class="b" style="background-color: #4f94cd;">SteelBlue3 ~ 4f94cd ~ 79 148 205</div>

<div class="d" style="background-color: #36648b;">SteelBlue4 ~ 36648b ~ 54 100 139</div>

<div class="b" style="background-color: #d2b48c;">tan ~ d2b48c ~ 210 180 140</div>

<div class="b" style="background-color: #ffa54f;">tan1 ~ ffa54f ~ 255 165 79</div>

<div class="b" style="background-color: #ee9a49;">tan2 ~ ee9a49 ~ 238 154 73</div>

<div class="b" style="background-color: #cd853f;">tan3 ~ cd853f ~ 205 133    63</div>

<div class="d" style="background-color: #8b5a2b;">tan4 ~ 8b5a2b ~ 139 90 43</div>

<div class="b" style="background-color: #8b8989;">thistle ~ 8b8989 ~ 216 191 216</div>

<div class="b" style="background-color: #ffe1ff;">thistle1 ~ ffe1ff ~ 255 225 255</div>

<div class="b" style="background-color: #eed2ee;">thistle2 ~ eed2ee ~ 238 210 238</div>

<div class="b" style="background-color: #cdb5cd;">thistle3 ~ cdb5cd ~ 205 181 205</div>

<div class="b" style="background-color: #8b7b8b;">thistle4 ~ 8b7b8b ~ 139 123 139</div>

<div class="b" style="background-color: #ff6347;">tomato ~ ff6347 ~ 255 99 71</div>

<div class="b" style="background-color: #ff6347;">tomato1 ~ ff6347 ~ 255 99 71</div>

<div class="b" style="background-color: #ee5c42;">tomato2 ~ ee5c42 ~ 238 92 66</div>

<div class="b" style="background-color: #cd4f39;">tomato3 ~ cd4f39 ~ 205 79 57</div>

<div class="d" style="background-color: #8b3626;">tomato4 ~ 8b3626 ~ 139 54 38</div>

<div class="b" style="background-color: #40e0d0;">turquoise ~ 40e0d0 ~ 64 224 208</div>

<div class="b" style="background-color: #00f5ff;">turquoise1 ~ 00f5ff ~ 0 245 255</div>

<div class="b" style="background-color: #00efee;">turquoise2 ~ 00efee ~ 0 229 238</div>

<div class="b" style="background-color: #00c5cd;">turquoise3 ~ 00c5cd ~ 0 197 205</div>

<div class="d" style="background-color: #00868b;">turquoise4 ~ 00868b ~ 0 134 139</div>

<div class="b" style="background-color: #ee82ee;">violet ~ ee82ee ~ 238 130 238</div>

<div class="b" style="background-color: #d02090;">VioletRed ~ d02090 ~ 208 32 144</div>

<div class="b" style="background-color: #ff3e96;">VioletRed1 ~ ff3e96 ~ 255 62 150</div>

<div class="b" style="background-color: #ee3a8c;">VioletRed2 ~ ee3a8c ~ 238 58 140</div>

<div class="b" style="background-color: #cd3278;">VioletRed3 ~ cd3278 ~ 205 50 120</div>

<div class="d" style="background-color: #8b2252;">VioletRed4 ~ 8b2252 ~ 139 34 82</div>

<div class="b" style="background-color: #f5deb3;">wheat ~ f5deb3 ~ 245 222 179</div>

<div class="b" style="background-color: #ffe7ba;">wheat1 ~ ffe7ba ~ 255 231 186</div>

<div class="b" style="background-color: #EED8AE;">wheat2 ~ EED8AE ~ 238 216 174</div>

<div class="b" style="background-color: #cdba96;">wheat3 ~ cdba96 ~ 205 186 150</div>

<div class="b" style="background-color: #8b7e66;">wheat4 ~ 8b7e66 ~ 139 126 102</div>

<div class="b" style="background-color: #FFFFFF;">white ~ FFFFFF ~ 255 255 225</div>

<div class="b" style="background-color: #f5f5f5;">whitesmoke ~ f5f5f5 ~ 245 245 245</div>

<div class="b" style="background-color: #ffff00;">yellow ~ ffff00 ~ 255 255 0</div>

<div class="b" style="background-color: #eeee00;">yellow1 ~ ffff00 ~ 255 255 0</div>

<div class="b" style="background-color: #eeee00;">yellow2 ~ eeee00 ~ 238 238 0</div>

<div class="b" style="background-color: #cdcd00;">yellow3 ~ cdcd00 ~ 205 205 0</div>

<div class="b" style="background-color: #8b8b00;">yellow4 ~ 8b8b00 ~ 139 139 0</div>

<div class="b" style="background-color: #9acd32;">YellowGreen ~ 9acd32 ~ 154 205 50</div>

<div class="center tiny">Source: <a href="http://www.tntluoma.com/">www.tntluoma.com</a><br
/><a href="http://www.tntluoma.com/sidebars/colors/" rel="sidebar" title="HTMLColors">Add
<acronym>HTML</acronym>Colors as a Sidebar/Panel</a><br /><a
href="http://www.tntluoma.com/sidebars/colors/">Refresh this page</a><br /><a
href="/contactus/">Email Corrections/Additions</a></div>

<p>(I&#8217;ll understand if you want to <a id="cleanhtmlcolors" href="/files/colors.htm">see the table without all the rest of the formatting</a>.)</p>

<p>I&#8217;m most interested in seeing what might be missing. Make suggestions below!</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>All Sidebars in Downloadable Format</title>
		<link>http://tntluoma.com/sidebars/download-all/</link>
		<comments>http://tntluoma.com/sidebars/download-all/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 04:38:36 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=997</guid>
		<description><![CDATA[One of the most popular destinations for the old TnTLuoma.com were a bunch of web related sidebars.

I hope to reinstate each of them in due time, but realizing that some may be looking for them now I thought I&#8217;d throw them up in downloadable formats as


sidebars.tar.gz (5.5mb)
sidebars.zip (5.9mb)


Note: some of them may no longer work, [...]]]></description>
			<content:encoded><![CDATA[<p>One of the most popular destinations for the old TnTLuoma.com were a bunch of web related sidebars.</p>

<p>I hope to reinstate each of them in due time, but realizing that some may be looking for them <em>now</em> I thought I&#8217;d throw them up in downloadable formats as</p>

<ul>
<li><a href="/files/sidebars.tgz">sidebars.tar.gz</a> (5.5mb)</li>
<li><a href="/files/sidebars.zip">sidebars.zip</a> (5.9mb)</li>
</ul>

<p><strong><em>Note:</em></strong> some of them may no longer work, but most of them were <em>reference</em> materials, so unless the W3C has released newer documents (entirely possible), they ought to still be useful.</p>

<p>The included sidebars are:</p>

<ul>
<li>applesupport (probably outdated)</li>
<li>bts (probably outdated)</li>
<li>codes</li>
<li>colors</li>
<li>css2.1</li>
<li>DevEdge</li>
<li>gags (probably outdated)</li>
<li>gasp (probably outdated)</li>
<li>gmail (probably outdated)</li>
<li>head</li>
<li>hotmail (almost certainly does not work any more)</li>
<li>html4</li>
<li>mousegestures</li>
<li>mozilla</li>
<li>operabug (probably outdated)</li>
<li>operaforums (probably outdated)</li>
<li>operakeys (probably outdated)</li>
<li>operalover (probably outdated)</li>
<li>operalover7 (probably outdated)</li>
<li>reportoperabug (probably outdated)</li>
<li>rijks-panelizer </li>
<li>samspade</li>
<li>searchme</li>
<li>section508</li>
<li>selectoracle</li>
<li>triplecolors</li>
<li>triplecolors.full</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/download-all/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>HTML Codes</title>
		<link>http://tntluoma.com/sidebars/codes/</link>
		<comments>http://tntluoma.com/sidebars/codes/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 01:10:34 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=933</guid>
		<description><![CDATA[If you are seeing this in your sidebar and don&#8217;t know why:


Don&#8217;t freak out (although you may want to open this in a new page to make reading easier.
Scroll down to the bottom of the table for a new link for an un-adorned plain copy.
Link to http://tntluoma.com/sidebars/codes/#htmlcodes for this page, auto-scrolled to the top of [...]]]></description>
			<content:encoded><![CDATA[<p>If you are seeing this in your sidebar and don&#8217;t know why:</p>

<ol>
<li><p>Don&#8217;t freak out (although you may want to <a target="_blank" href="/sidebars/codes">open this in a new page</a> to make reading easier.</p></li>
<li><p>Scroll down to the bottom of the table for a new link for an <a href="#cleanhtmlcodes">un-adorned plain copy</a>.</p></li>
<li><p>Link to <a href="http://tntluoma.com/sidebars/codes/#htmlcodes">http://tntluoma.com/sidebars/codes/#htmlcodes</a> for this page, auto-scrolled to the top of the table.</p></li>
</ol>

<p>So&#8230; yeah, I wrote a bunch of sidebars a few years ago, but have largely forgotten about them. They were for when I was writing a lot of web pages by hand (ah, the late &#8217;90s).</p>

<p>Apparently they are still in use. I wanted to put it into WordPress but keep the same URL.</p>

<p>So here&#8217;s the table:</p>

<p><span id="more-933"></span></p>

<h1><acronym>HTML</acronym> Special Characters</h1>

<table id="htmlcodes"  border="1" cellpadding="0" cellspacing="0" summary="A listing of HTML4 character codes" width="100%">
<caption>A listing of <acronym>HTML4</acronym> Character Entities</caption>
<thead>
<tr>
    <th>Code</th>
    <th>Name</th>
    <th>Displays As:</th>
</tr>
</thead>
<tr><td>&amp;#09;</td><td>Horizontal tab</td><td><em>non-printing</em></td></tr>
<tr><td>&amp;#10;</td><td>Line feed</td><td><em>non-printing</em></td></tr>
<tr><td>&amp;#13;</td><td>Carriage Return</td><td><em>non-printing</em></td></tr>
<tr><td>&amp;#34; or &amp;quot;</td><td>quotation mark = APL quote</td><td>&#34; or &quot;</td></tr>
<tr><td>&amp;#38; or &amp;amp;</td><td>ampersand</td><td>&#38; or &amp;</td></tr>
<tr><td>&amp;#32;</td><td>Space</td><td><em>non-printing</em></td></tr>
<tr><td>&amp;#33;</td><td>Exclamation mark</td><td>&#33;</td></tr>
<tr><td>&amp;#34; or &amp;quot;</td><td>Quotation mark</td><td>&#34; or &quot;</td></tr>
<tr><td>&amp;#35;</td><td>Number sign</td><td>&#35;</td></tr>
<tr><td>&amp;#36;</td><td>Dollar sign</td><td>&#36;</td></tr>
<tr><td>&amp;#37;</td><td>Percent sign</td><td>&#37;</td></tr>
<tr><td>&amp;#38; or &amp;amp;</td><td>Ampersand</td><td>&#38; or &amp;</td></tr>
<tr><td>&amp;#39;</td><td>Apostrophe</td><td>&#39;</td></tr>
<tr><td>&amp;#40;</td><td>Left parenthesis</td><td>&#40;</td></tr>
<tr><td>&amp;#41;</td><td>Right parenthesis</td><td>&#41;</td></tr>
<tr><td>&amp;#42;</td><td>Asterisk</td><td>&#42;</td></tr>
<tr><td>&amp;#43;</td><td>Plus sign</td><td>&#43;</td></tr>
<tr><td>&amp;#44;</td><td>Comma</td><td>&#44;</td></tr>
<tr><td>&amp;#45;</td><td>Hyphen</td><td>&#45;</td></tr>
<tr><td>&amp;#46;</td><td>Period (fullstop)</td><td>&#46;</td></tr>
<tr><td>&amp;#47;</td><td>Solidus (slash)</td><td>&#47;</td></tr>
<tr><td>&amp;#58;</td><td>Colon</td><td>&#58;</td></tr>
<tr><td>&amp;#59;</td><td>Semi-colon</td><td>&#59;</td></tr>
<tr><td>&amp;#60; or &amp;lt;</td><td>Less than</td><td>&#60; or &lt;</td></tr>
<tr><td>&amp;#61;</td><td>Equals sign</td><td>&#61;</td></tr>
<tr><td>&amp;#62; or &amp;gt;</td><td>Greater than</td><td>&#62; or &gt;</td></tr>
<tr><td>&amp;#63;</td><td>Question mark</td><td>&#63;</td></tr>
<tr><td>&amp;#64;</td><td>Commercial at</td><td>&#64;</td></tr>
<tr><td>&amp;#91;</td><td>Left square bracket</td><td>&#91;</td></tr>
<tr><td>&amp;#92;</td><td>Reverse solidus (backslash)</td><td>&#92;</td></tr>
<tr><td>&amp;#93;</td><td>Right square bracket</td><td>&#93;</td></tr>
<tr><td>&amp;#94;</td><td>Caret</td><td>&#94;</td></tr>
<tr><td>&amp;#95;</td><td>Horizontal bar (underscore)</td><td>&#95;</td></tr>
<tr><td>&amp;#96;</td><td>Acute accent</td><td>&#96;</td></tr>
<tr><td>&amp;#123;</td><td>Left curly brace</td><td>&#123;</td></tr>
<tr><td>&amp;#124;</td><td>Vertical bar</td><td>&#124;</td></tr>
<tr><td>&amp;#125;</td><td>Right curly brace</td><td>&#125;</td></tr>
<tr><td>&amp;#126;</td><td>Tilde</td><td>&#126;</td></tr>
<tr><td colspan="3"><em>&amp;#146 is non-standard! use &amp;#8217; instead!</em></td></tr>
<tr><td colspan="3"><em>&amp;endash; or &amp;#150; are non-standard! use &amp;#8211; instead!</em></td></tr>
<tr><td colspan="3"><em>&amp;emdash; or &amp;#151; are non-standard! use &amp;#8212; instead!</em></td></tr>
<tr><td>&amp;#160; or &amp;nbsp;</td><td>no-break space = non-breaking space</td><td>&#160; or &nbsp;</td></tr>
<tr><td>&amp;#161; or &amp;iexcl;</td><td>inverted exclamation mark</td><td>&#161; or &iexcl;</td></tr>
<tr><td>&amp;#162; or &amp;cent;</td><td>Cent sign</td><td>&#162; or &cent;</td></tr>
<tr><td>&amp;#163; or &amp;pound;</td><td>Pound sterling</td><td>&#163; or &pound;</td></tr>
<tr><td>&amp;#164; or &amp;curren;</td><td>General currency sign</td><td>&#164; or &curren;</td></tr>
<tr><td>&amp;#165; or &amp;yen;</td><td>yen sign = yuan sign</td><td>&#165; or &yen;</td></tr>
<tr><td>&amp;#166; or &amp;brvbar;</td><td>pipe or broken bar = broken vertical bar</td><td>&#166; or &brvbar;</td></tr>


<tr><td>&amp;#167; or &amp;sect;</td><td>Section sign</td><td>&#167; or &sect;</td></tr>
<tr><td>&amp;#168; or &amp;uml;</td><td>diaeresis = spacing diaeresis</td><td>&#168; or &uml;</td></tr>
<tr><td>&amp;#169; or &amp;copy;</td><td>copyright sign</td><td>&#169; or &copy;</td></tr>
<tr><td>&amp;#170; or &amp;ordf;</td><td>feminine ordinal indicator</td><td>&#170; or &ordf;</td></tr>
<tr><td>&amp;#171; or &amp;laquo;</td><td>left-pointing double angle quotation mark = left pointing guillemet</td><td>&#171; or &laquo;</td></tr>
<tr><td>&amp;#172; or &amp;not;</td><td>not sign</td><td>&#172; or &not;</td></tr>
<tr><td>&amp;#173; or &amp;shy;</td><td>soft hyphen = discretionary hyphen</td><td>&#173; or &shy;</td></tr>
<tr><td>&amp;#174; or &amp;reg;</td><td>registered sign = registered trade mark sign</td><td>&#174; or &reg;</td></tr>
<tr><td>&amp;#175; or &amp;macr;</td><td>macron = spacing macron = overline = APL overbar</td><td>&#175; or &macr;</td></tr>
<tr><td>&amp;#176; or &amp;deg;</td><td>degree sign</td><td>&#176; or &deg;</td></tr>
<tr><td>&amp;#177; or &amp;plusmn;</td><td>plus-minus sign = plus-or-minus sign</td><td>&#177; or &plusmn;</td></tr>
<tr><td>&amp;#178; or &amp;sup2;</td><td>superscript two = superscript digit two = squared</td><td>&#178; or &sup2;</td></tr>
<tr><td>&amp;#179; or &amp;sup3;</td><td>superscript three = superscript digit three = cubed</td><td>&#179; or &sup3;</td></tr>
<tr><td>&amp;#180; or &amp;acute;</td><td>acute accent = spacing acute</td><td>&#180; or &acute;</td></tr>
<tr><td>&amp;#181; or &amp;micro;</td><td>micro sign</td><td>&#181; or &micro;</td></tr>
<tr><td>&amp;#182; or &amp;para;</td><td>pilcrow sign = paragraph sign</td><td>&#182; or &para;</td></tr>
<tr><td>&amp;#183; or &amp;middot;</td><td>middle dot = Georgian comma = Greek middle dot</td><td>&#183; or &middot;</td></tr>
<tr><td>&amp;#184; or &amp;cedil;</td><td>cedilla = spacing cedilla</td><td>&#184; or &cedil;</td></tr>
<tr><td>&amp;#185; or &amp;sup1;</td><td>superscript one = superscript digit one</td><td>&#185; or &sup1;</td></tr>
<tr><td>&amp;#186; or &amp;ordm;</td><td>masculine ordinal indicator</td><td>&#186; or &ordm;</td></tr>
<tr><td>&amp;#187; or &amp;raquo;</td><td>right-pointing double angle quotation mark = right pointing guillemet</td><td>&#187; or &raquo;</td></tr>
<tr><td>&amp;#188; or &amp;frac14;</td><td>vulgar fraction one quarter = fraction one quarter</td><td>&#188; or &frac14;</td></tr>
<tr><td>&amp;#189; or &amp;frac12;</td><td>vulgar fraction one half = fraction one half</td><td>&#189; or &frac12;</td></tr>
<tr><td>&amp;#190; or &amp;frac34;</td><td>vulgar fraction three quarters = fraction three quarters</td><td>&#190; or &frac34;</td></tr>
<tr><td>&amp;#191; or &amp;iquest;</td><td>inverted question mark = turned question mark</td><td>&#191; or &iquest;</td></tr>
<tr><td>&amp;#192; or &amp;Agrave;</td><td>latin capital letter A with grave = latin capital letter A grave</td><td>&#192; or &Agrave;</td></tr>
<tr><td>&amp;#193; or &amp;Aacute;</td><td>latin capital letter A with acute</td><td>&#193; or &Aacute;</td></tr>
<tr><td>&amp;#194; or &amp;Acirc;</td><td>latin capital letter A with circumflex</td><td>&#194; or &Acirc;</td></tr>
<tr><td>&amp;#195; or &amp;Atilde;</td><td>latin capital letter A with tilde</td><td>&#195; or &Atilde;</td></tr>
<tr><td>&amp;#196; or &amp;Auml;</td><td>latin capital letter A with diaeresis</td><td>&#196; or &Auml;</td></tr>
<tr><td>&amp;#197; or &amp;Aring;</td><td>latin capital letter A with ring above = latin capital letter A ring</td><td>&#197; or &Aring;</td></tr>
<tr><td>&amp;#198; or &amp;AElig;</td><td>latin capital letter AE = latin capital ligature AE</td><td>&#198; or &AElig;</td></tr>
<tr><td>&amp;#199; or &amp;Ccedil;</td><td>latin capital letter C with cedilla</td><td>&#199; or &Ccedil;</td></tr>
<tr><td>&amp;#200; or &amp;Egrave;</td><td>latin capital letter E with grave</td><td>&#200; or &Egrave;</td></tr>
<tr><td>&amp;#201; or &amp;Eacute;</td><td>latin capital letter E with acute</td><td>&#201; or &Eacute;</td></tr>
<tr><td>&amp;#202; or &amp;Ecirc;</td><td>latin capital letter E with circumflex</td><td>&#202; or &Ecirc;</td></tr>
<tr><td>&amp;#203; or &amp;Euml;</td><td>latin capital letter E with diaeresis</td><td>&#203; or &Euml;</td></tr>
<tr><td>&amp;#204; or &amp;Igrave;</td><td>latin capital letter I with grave</td><td>&#204; or &Igrave;</td></tr>
<tr><td>&amp;#205; or &amp;Iacute;</td><td>latin capital letter I with acute</td><td>&#205; or &Iacute;</td></tr>
<tr><td>&amp;#206; or &amp;Icirc;</td><td>latin capital letter I with circumflex</td><td>&#206; or &Icirc;</td></tr>
<tr><td>&amp;#207; or &amp;Iuml;</td><td>latin capital letter I with diaeresis</td><td>&#207; or &Iuml;</td></tr>
<tr><td>&amp;#208; or &amp;ETH;</td><td>latin capital letter ETH</td><td>&#208; or &ETH;</td></tr>
<tr><td>&amp;#209; or &amp;Ntilde;</td><td>latin capital letter N with tilde</td><td>&#209; or &Ntilde;</td></tr>
<tr><td>&amp;#210; or &amp;Ograve;</td><td>latin capital letter O with grave</td><td>&#210; or &Ograve;</td></tr>
<tr><td>&amp;#211; or &amp;Oacute;</td><td>latin capital letter O with acute</td><td>&#211; or &Oacute;</td></tr>
<tr><td>&amp;#212; or &amp;Ocirc;</td><td>latin capital letter O with circumflex</td><td>&#212; or &Ocirc;</td></tr>
<tr><td>&amp;#213; or &amp;Otilde;</td><td>latin capital letter O with tilde</td><td>&#213; or &Otilde;</td></tr>
<tr><td>&amp;#214; or &amp;Ouml;</td><td>latin capital letter O with diaeresis</td><td>&#214; or &Ouml;</td></tr>
<tr><td>&amp;#215; or &amp;times;</td><td>multiplication sign</td><td>&#215; or &times;</td></tr>
<tr><td>&amp;#216; or &amp;Oslash;</td><td>latin capital letter O with stroke = latin capital letter O slash</td><td>&#216; or &Oslash;</td></tr>
<tr><td>&amp;#217; or &amp;Ugrave;</td><td>latin capital letter U with grave</td><td>&#217; or &Ugrave;</td></tr>
<tr><td>&amp;#218; or &amp;Uacute;</td><td>latin capital letter U with acute</td><td>&#218; or &Uacute;</td></tr>
<tr><td>&amp;#219; or &amp;Ucirc;</td><td>latin capital letter U with circumflex</td><td>&#219; or &Ucirc;</td></tr>
<tr><td>&amp;#220; or &amp;Uuml;</td><td>latin capital letter U with diaeresis</td><td>&#220; or &Uuml;</td></tr>
<tr><td>&amp;#221; or &amp;Yacute;</td><td>latin capital letter Y with acute</td><td>&#221; or &Yacute;</td></tr>
<tr><td>&amp;#222; or &amp;THORN;</td><td>latin capital letter THORN</td><td>&#222; or &THORN;</td></tr>
<tr><td>&amp;#223; or &amp;szlig;</td><td>Small sharp s, German (sz ligature)</td><td>&#223; or &szlig;</td></tr>
<tr><td>&amp;#223; or &amp;szlig;</td><td>latin small letter sharp s = ess-zed</td><td>&#223; or &szlig;</td></tr>
<tr><td>&amp;#224; or &amp;agrave;</td><td>latin small letter a with grave = latin small letter a grave</td><td>&#224; or &agrave;</td></tr>
<tr><td>&amp;#225; or &amp;aacute;</td><td>latin small letter a with acute</td><td>&#225; or &aacute;</td></tr>
<tr><td>&amp;#226; or &amp;acirc;</td><td>latin small letter a with circumflex</td><td>&#226; or &acirc;</td></tr>
<tr><td>&amp;#227; or &amp;atilde;</td><td>latin small letter a with tilde</td><td>&#227; or &atilde;</td></tr>
<tr><td>&amp;#228; or &amp;auml;</td><td>latin small letter a with diaeresis</td><td>&#228; or &auml;</td></tr>
<tr><td>&amp;#229; or &amp;aring;</td><td>latin small letter a with ring above = latin small letter a ring</td><td>&#229; or &aring;</td></tr>
<tr><td>&amp;#230; or &amp;aelig;</td><td>latin small letter ae = latin small ligature ae</td><td>&#230; or &aelig;</td></tr>
<tr><td>&amp;#231; or &amp;ccedil;</td><td>latin small letter c with cedilla</td><td>&#231; or &ccedil;</td></tr>
<tr><td>&amp;#232; or &amp;egrave;</td><td>latin small letter e with grave</td><td>&#232; or &egrave;</td></tr>
<tr><td>&amp;#233; or &amp;eacute;</td><td>latin small letter e with acute</td><td>&#233; or &eacute;</td></tr>
<tr><td>&amp;#234; or &amp;ecirc;</td><td>latin small letter e with circumflex</td><td>&#234; or &ecirc;</td></tr>
<tr><td>&amp;#235; or &amp;euml;</td><td>latin small letter e with diaeresis</td><td>&#235; or &euml;</td></tr>
<tr><td>&amp;#236; or &amp;igrave;</td><td>latin small letter i with grave</td><td>&#236; or &igrave;</td></tr>
<tr><td>&amp;#237; or &amp;iacute;</td><td>latin small letter i with acute</td><td>&#237; or &iacute;</td></tr>
<tr><td>&amp;#238; or &amp;icirc;</td><td>latin small letter i with circumflex</td><td>&#238; or &icirc;</td></tr>
<tr><td>&amp;#239; or &amp;iuml;</td><td>latin small letter i with diaeresis</td><td>&#239; or &iuml;</td></tr>
<tr><td>&amp;#240; or &amp;eth;</td><td>latin small letter eth</td><td>&#240; or &eth;</td></tr>
<tr><td>&amp;#241; or &amp;ntilde;</td><td>latin small letter n with tilde</td><td>&#241; or &ntilde;</td></tr>
<tr><td>&amp;#242; or &amp;ograve;</td><td>latin small letter o with grave</td><td>&#242; or &ograve;</td></tr>
<tr><td>&amp;#243; or &amp;oacute;</td><td>latin small letter o with acute</td><td>&#243; or &oacute;</td></tr>
<tr><td>&amp;#244; or &amp;ocirc;</td><td>latin small letter o with circumflex</td><td>&#244; or &ocirc;</td></tr>
<tr><td>&amp;#245; or &amp;otilde;</td><td>latin small letter o with tilde</td><td>&#245; or &otilde;</td></tr>
<tr><td>&amp;#246; or &amp;ouml;</td><td>latin small letter o with diaeresis</td><td>&#246; or &ouml;</td></tr>
<tr><td>&amp;#247; or &amp;divide;</td><td>division sign</td><td>&#247; or &divide;</td></tr>
<tr><td>&amp;#248; or &amp;oslash;</td><td>latin small letter o with stroke, = latin small letter o slash</td><td>&#248; or &oslash;</td></tr>
<tr><td>&amp;#249; or &amp;ugrave;</td><td>latin small letter u with grave</td><td>&#249; or &ugrave;</td></tr>
<tr><td>&amp;#250; or &amp;uacute;</td><td>latin small letter u with acute</td><td>&#250; or &uacute;</td></tr>
<tr><td>&amp;#251; or &amp;ucirc;</td><td>latin small letter u with circumflex</td><td>&#251; or &ucirc;</td></tr>
<tr><td>&amp;#252; or &amp;uuml;</td><td>latin small letter u with diaeresis</td><td>&#252; or &uuml;</td></tr>
<tr><td>&amp;#253; or &amp;yacute;</td><td>latin small letter y with acute</td><td>&#253; or &yacute;</td></tr>
<tr><td>&amp;#254; or &amp;thorn;</td><td>latin small letter thorn</td><td>&#254; or &thorn;</td></tr>
<tr><td>&amp;#255; or &amp;yuml;</td><td>Small y, dieresis or umlaut mark</td><td>&#255; or &yuml;</td></tr>
<tr><td>&amp;#338; or &amp;OElig;</td><td>latin capital ligature OE</td><td>&#338; or &OElig;</td></tr>
<tr><td>&amp;#339; or &amp;oelig;</td><td>latin small ligature oe</td><td>&#339; or &oelig;</td></tr>
<tr><td>&amp;#352; or &amp;Scaron;</td><td>latin capital letter S with caron</td><td>&#352; or &Scaron;</td></tr>
<tr><td>&amp;#353; or &amp;scaron;</td><td>latin small letter s with caron</td><td>&#353; or &scaron;</td></tr>
<tr><td>&amp;#376; or &amp;Yuml;</td><td>latin capital letter Y with diaeresis</td><td>&#376; or &Yuml;</td></tr>
<tr><td>&amp;#402; or &amp;fnof;</td><td>latin small f with hook = function = florin</td><td>&#402; or &fnof;</td></tr>
<tr><td>&amp;#710; or &amp;circ;</td><td>modifier letter circumflex accent</td><td>&#710; or &circ;</td></tr>
<tr><td>&amp;#732; or &amp;tilde;</td><td>small tilde</td><td>&#732; or &tilde;</td></tr>
<tr><td>&amp;#913; or &amp;Alpha;</td><td>greek capital letter alpha</td><td>&#913; or &Alpha;</td></tr>
<tr><td>&amp;#914; or &amp;Beta;</td><td>greek capital letter beta</td><td>&#914; or &Beta;</td></tr>
<tr><td>&amp;#915; or &amp;Gamma;</td><td>greek capital letter gamma</td><td>&#915; or &Gamma;</td></tr>
<tr><td>&amp;#916; or &amp;Delta;</td><td>greek capital letter delta</td><td>&#916; or &Delta;</td></tr>
<tr><td>&amp;#917; or &amp;Epsilon;</td><td>greek capital letter epsilon</td><td>&#917; or &Epsilon;</td></tr>
<tr><td>&amp;#918; or &amp;Zeta;</td><td>greek capital letter zeta</td><td>&#918; or &Zeta;</td></tr>
<tr><td>&amp;#919; or &amp;Eta;</td><td>greek capital letter eta</td><td>&#919; or &Eta;</td></tr>
<tr><td>&amp;#920; or &amp;Theta;</td><td>greek capital letter theta</td><td>&#920; or &Theta;</td></tr>
<tr><td>&amp;#921; or &amp;Iota;</td><td>greek capital letter iota</td><td>&#921; or &Iota;</td></tr>
<tr><td>&amp;#922; or &amp;Kappa;</td><td>greek capital letter kappa</td><td>&#922; or &Kappa;</td></tr>
<tr><td>&amp;#923; or &amp;Lambda;</td><td>greek capital letter lambda</td><td>&#923; or &Lambda;</td></tr>
<tr><td>&amp;#924; or &amp;Mu;</td><td>greek capital letter mu</td><td>&#924; or &Mu;</td></tr>
<tr><td>&amp;#925; or &amp;Nu;</td><td>greek capital letter nu</td><td>&#925; or &Nu;</td></tr>
<tr><td>&amp;#926; or &amp;Xi;</td><td>greek capital letter xi</td><td>&#926;<!-- or &#Xi; --></td></tr>
<tr><td>&amp;#927; or &amp;Omicron;</td><td>greek capital letter omicron</td><td>&#927; or &Omicron;</td></tr>
<tr><td>&amp;#928; or &amp;Pi;</td><td>greek capital letter pi</td><td>&#928; or &Pi;</td></tr>
<tr><td>&amp;#929; or &amp;Rho;</td><td>greek capital letter rho</td><td>&#929; or &Rho;</td></tr>
<tr><td>&amp;#931; or &amp;Sigma;</td><td>greek capital letter sigma</td><td>&#931; or &Sigma;</td></tr>
<tr><td>&amp;#932; or &amp;Tau;</td><td>greek capital letter tau</td><td>&#932; or &Tau;</td></tr>
<tr><td>&amp;#933; or &amp;Upsilon;</td><td>greek capital letter upsilon</td><td>&#933; or &Upsilon;</td></tr>
<tr><td>&amp;#934; or &amp;Phi;</td><td>greek capital letter phi</td><td>&#934; or &Phi;</td></tr>
<tr><td>&amp;#935; or &amp;Chi;</td><td>greek capital letter chi</td><td>&#935; or &Chi;</td></tr>
<tr><td>&amp;#936; or &amp;Psi;</td><td>greek capital letter psi</td><td>&#936; or &Psi;</td></tr>
<tr><td>&amp;#937; or &amp;Omega;</td><td>greek capital letter omega</td><td>&#937; or &Omega;</td></tr>
<tr><td>&amp;#945; or &amp;alpha;</td><td>greek small letter alpha</td><td>&#945; or &alpha;</td></tr>
<tr><td>&amp;#946; or &amp;beta;</td><td>greek small letter beta</td><td>&#946; or &beta;</td></tr>
<tr><td>&amp;#947; or &amp;gamma;</td><td>greek small letter gamma</td><td>&#947; or &gamma;</td></tr>
<tr><td>&amp;#948; or &amp;delta;</td><td>greek small letter delta</td><td>&#948; or &delta;</td></tr>
<tr><td>&amp;#949; or &amp;epsilon;</td><td>greek small letter epsilon</td><td>&#949; or &epsilon;</td></tr>
<tr><td>&amp;#950; or &amp;zeta;</td><td>greek small letter zeta</td><td>&#950; or &zeta;</td></tr>
<tr><td>&amp;#951; or &amp;eta;</td><td>greek small letter eta</td><td>&#951; or &eta;</td></tr>
<tr><td>&amp;#952; or &amp;theta;</td><td>greek small letter theta</td><td>&#952; or &theta;</td></tr>
<tr><td>&amp;#953; or &amp;iota;</td><td>greek small letter iota</td><td>&#953; or &iota;</td></tr>
<tr><td>&amp;#954; or &amp;kappa;</td><td>greek small letter kappa</td><td>&#954; or &kappa;</td></tr>
<tr><td>&amp;#955; or &amp;lambda;</td><td>greek small letter lambda</td><td>&#955; or &lambda;</td></tr>
<tr><td>&amp;#956; or &amp;mu;</td><td>greek small letter mu</td><td>&#956; or &mu;</td></tr>
<tr><td>&amp;#957; or &amp;nu;</td><td>greek small letter nu</td><td>&#957; or &nu;</td></tr>
<tr><td>&amp;#958; or &amp;xi;</td><td>greek small letter xi</td><td>&#958;<!--  or &#xi; --></td></tr>
<tr><td>&amp;#959; or &amp;omicron;</td><td>greek small letter omicron</td><td>&#959; or &omicron;</td></tr>
<tr><td>&amp;#960; or &amp;pi;</td><td>greek small letter pi</td><td>&#960; or &pi;</td></tr>
<tr><td>&amp;#961; or &amp;rho;</td><td>greek small letter rho</td><td>&#961; or &rho;</td></tr>
<tr><td>&amp;#962; or &amp;sigmaf;</td><td>greek small letter final sigma</td><td>&#962; or &sigmaf;</td></tr>
<tr><td>&amp;#963; or &amp;sigma;</td><td>greek small letter sigma</td><td>&#963; or &sigma;</td></tr>
<tr><td>&amp;#964; or &amp;tau;</td><td>greek small letter tau</td><td>&#964; or &tau;</td></tr>
<tr><td>&amp;#965; or &amp;upsilon;</td><td>greek small letter upsilon</td><td>&#965; or &upsilon;</td></tr>
<tr><td>&amp;#966; or &amp;phi;</td><td>greek small letter phi</td><td>&#966; or &phi;</td></tr>
<tr><td>&amp;#967; or &amp;chi;</td><td>greek small letter chi</td><td>&#967; or &chi;</td></tr>
<tr><td>&amp;#968; or &amp;psi;</td><td>greek small letter psi</td><td>&#968; or &psi;</td></tr>
<tr><td>&amp;#969; or &amp;omega;</td><td>greek small letter omega</td><td>&#969; or &omega;</td></tr>
<tr><td>&amp;#977; or &amp;thetasym;</td><td>greek small letter theta symbol</td><td>&#977; or &thetasym;</td></tr>
<tr><td>&amp;#978; or &amp;upsih;</td><td>greek upsilon with hook symbol</td><td>&#978; or &upsih;</td></tr>
<tr><td>&amp;#982; or &amp;piv;</td><td>greek pi symbol</td><td>&#982; or &piv;</td></tr>
<tr><td>&amp;#8194; or &amp;ensp;</td><td>en space</td><td>&#8194; or &ensp;</td></tr>
<tr><td>&amp;#8195; or &amp;emsp;</td><td>em space</td><td>&#8195; or &emsp;</td></tr>
<tr><td>&amp;#8201; or &amp;thinsp;</td><td>thin space</td><td>&#8201; or &thinsp;</td></tr>
<tr><td>&amp;#8204; or &amp;zwnj;</td><td>zero width non-joiner</td><td>&#8204; or &zwnj;</td></tr>
<tr><td>&amp;#8205; or &amp;zwj;</td><td>zero width joiner</td><td>&#8205; or &zwj;</td></tr>
<tr><td>&amp;#8206; or &amp;lrm;</td><td>left-to-right mark</td><td>&#8206; or &lrm;</td></tr>
<tr><td>&amp;#8207; or &amp;rlm;</td><td>right-to-left mark</td><td>&#8207; or &rlm;</td></tr>
<tr><td>&amp;#8211; or &amp;ndash;</td><td>en dash</td><td>&#8211; or &ndash;</td></tr>
<tr><td>&amp;#8212; or &amp;mdash;</td><td>em dash</td><td>&#8212; or &mdash;</td></tr>
<tr><td>&amp;#8216; or &amp;lsquo;</td><td>left single quotation mark</td><td>&#8216; or &lsquo;</td></tr>
<tr><td>&amp;#8217; or &amp;rsquo;</td><td>right single quotation mark</td><td>&#8217; or &rsquo;</td></tr>
<tr><td>&amp;#8218; or &amp;sbquo;</td><td>single low-9 quotation mark</td><td>&#8218; or &sbquo;</td></tr>
<tr><td>&amp;#8220; or &amp;ldquo;</td><td>left double quotation mark</td><td>&#8220; or &ldquo;</td></tr>
<tr><td>&amp;#8221; or &amp;rdquo;</td><td>right double quotation mark</td><td>&#8221; or &rdquo;</td></tr>
<tr><td>&amp;#8222; or &amp;bdquo;</td><td>double low-9 quotation mark</td><td>&#8222; or &bdquo;</td></tr>
<tr><td>&amp;#8224; or &amp;dagger;</td><td>dagger</td><td>&#8224; or &dagger;</td></tr>
<tr><td>&amp;#8225; or &amp;Dagger;</td><td>double dagger</td><td>&#8225; or &Dagger;</td></tr>
<tr><td>&amp;#8226; or &amp;bull;</td><td>bullet = black small circle</td><td>&#8226; or &bull;</td></tr>
<tr><td>&amp;#8230; or &amp;hellip;</td><td>horizontal ellipsis = three dot leader</td><td>&#8230; or &hellip;</td></tr>
<tr><td>&amp;#8240; or &amp;permil;</td><td>per mille sign</td><td>&#8240; or &permil;</td></tr>
<tr><td>&amp;#8242; or &amp;prime;</td><td>prime = minutes = feet</td><td>&#8242; or &prime;</td></tr>
<tr><td>&amp;#8243; or &amp;Prime;</td><td>double prime = seconds = inches</td><td>&#8243; or &Prime;</td></tr>
<tr><td>&amp;#8249; or &amp;lsaquo;</td><td>single left-pointing angle quotation mark</td><td>&#8249; or &lsaquo;</td></tr>
<tr><td>&amp;#8250; or &amp;rsaquo;</td><td>single right-pointing angle quotation mark</td><td>&#8250; or &rsaquo;</td></tr>
<tr><td>&amp;#8254; or &amp;oline;</td><td>overline = spacing overscore</td><td>&#8254; or &oline;</td></tr>
<tr><td>&amp;#8260; or &amp;frasl;</td><td>fraction slash</td><td>&#8260; or &frasl;</td></tr>
<tr><td>&amp;#8364; or &amp;euro;</td><td>euro sign</td><td>&#8364; or &euro;</td></tr>
<tr><td>&amp;#8465; or &amp;image;</td><td>blackletter capital I = imaginary part</td><td>&#8465; or &image;</td></tr>
<tr><td>&amp;#8472; or &amp;weierp;</td><td>script capital P = power set = Weierstrass p</td><td>&#8472; or &weierp;</td></tr>
<tr><td>&amp;#8476; or &amp;real;</td><td>blackletter capital R = real part symbol</td><td>&#8476; or &real;</td></tr>
<tr><td>&amp;#8482; or &amp;trade;</td><td>trade mark sign</td><td>&#8482; or &trade;</td></tr>
<tr><td>&amp;#8501; or &amp;alefsym;</td><td>alef symbol = first transfinite cardinal</td><td>&#8501; or &alefsym;</td></tr>
<tr><td>&amp;#8592; or &amp;larr;</td><td>leftwards arrow</td><td>&#8592; or &larr;</td></tr>
<tr><td>&amp;#8593; or &amp;uarr;</td><td>upwards arrow</td><td>&#8593; or &uarr;</td></tr>
<tr><td>&amp;#8594; or &amp;rarr;</td><td>rightwards arrow</td><td>&#8594; or &rarr;</td></tr>
<tr><td>&amp;#8595; or &amp;darr;</td><td>downwards arrow</td><td>&#8595; or &darr;</td></tr>
<tr><td>&amp;#8596; or &amp;harr;</td><td>left right arrow</td><td>&#8596; or &harr;</td></tr>
<tr><td>&amp;#8629; or &amp;crarr;</td><td>downwards arrow with corner leftwards = carriage return</td><td>&#8629; or &crarr;</td></tr>
<tr><td>&amp;#8656; or &amp;lArr;</td><td>leftwards double arrow</td><td>&#8656; or &lArr;</td></tr>
<tr><td>&amp;#8657; or &amp;uArr;</td><td>upwards double arrow</td><td>&#8657; or &uArr;</td></tr>
<tr><td>&amp;#8658; or &amp;rArr;</td><td>rightwards double arrow</td><td>&#8658; or &rArr;</td></tr>
<tr><td>&amp;#8659; or &amp;dArr;</td><td>downwards double arrow</td><td>&#8659; or &dArr;</td></tr>
<tr><td>&amp;#8660; or &amp;hArr;</td><td>left right double arrow</td><td>&#8660; or &hArr;</td></tr>
<tr><td>&amp;#8704; or &amp;forall;</td><td>for all</td><td>&#8704; or &forall;</td></tr>
<tr><td>&amp;#8706; or &amp;part;</td><td>partial differential</td><td>&#8706; or &part;</td></tr>
<tr><td>&amp;#8707; or &amp;exist;</td><td>there exists</td><td>&#8707; or &exist;</td></tr>
<tr><td>&amp;#8709; or &amp;empty;</td><td>empty set = null set = diameter</td><td>&#8709; or &empty;</td></tr>
<tr><td>&amp;#8711; or &amp;nabla;</td><td>nabla = backward difference</td><td>&#8711; or &nabla;</td></tr>
<tr><td>&amp;#8712; or &amp;isin;</td><td>element of</td><td>&#8712; or &isin;</td></tr>
<tr><td>&amp;#8713; or &amp;notin;</td><td>not an element of</td><td>&#8713; or &notin;</td></tr>
<tr><td>&amp;#8715; or &amp;ni;</td><td>contains as member</td><td>&#8715; or &ni;</td></tr>
<tr><td>&amp;#8719; or &amp;prod;</td><td>n-ary product = product sign</td><td>&#8719; or &prod;</td></tr>
<tr><td>&amp;#8721; or &amp;sum;</td><td>n-ary sumation</td><td>&#8721; or &sum;</td></tr>
<tr><td>&amp;#8722; or &amp;minus;</td><td>minus sign</td><td>&#8722; or &minus;</td></tr>
<tr><td>&amp;#8727; or &amp;lowast;</td><td>asterisk operator</td><td>&#8727; or &lowast;</td></tr>
<tr><td>&amp;#8730; or &amp;radic;</td><td>square root = radical sign</td><td>&#8730; or &radic;</td></tr>
<tr><td>&amp;#8733; or &amp;prop;</td><td>proportional to</td><td>&#8733; or &prop;</td></tr>
<tr><td>&amp;#8734; or &amp;infin;</td><td>infinity</td><td>&#8734; or &infin;</td></tr>
<tr><td>&amp;#8736; or &amp;ang;</td><td>angle</td><td>&#8736; or &ang;</td></tr>
<tr><td>&amp;#8743; or &amp;and;</td><td>logical and = wedge</td><td>&#8743; or &and;</td></tr>
<tr><td>&amp;#8744; or &amp;or;</td><td>logical or = vee</td><td>&#8744; or &or;</td></tr>
<tr><td>&amp;#8745; or &amp;cap;</td><td>intersection = cap</td><td>&#8745; or &cap;</td></tr>
<tr><td>&amp;#8746; or &amp;cup;</td><td>union = cup</td><td>&#8746; or &cup;</td></tr>
<tr><td>&amp;#8747; or &amp;int;</td><td>integral</td><td>&#8747; or &int;</td></tr>
<tr><td>&amp;#8756; or &amp;there4;</td><td>therefore</td><td>&#8756; or &there4;</td></tr>
<tr><td>&amp;#8764; or &amp;sim;</td><td>tilde operator = varies with = similar to</td><td>&#8764; or &sim;</td></tr>
<tr><td>&amp;#8773; or &amp;cong;</td><td>approximately equal to</td><td>&#8773; or &cong;</td></tr>
<tr><td>&amp;#8776; or &amp;asymp;</td><td>almost equal to = asymptotic to</td><td>&#8776; or &asymp;</td></tr>
<tr><td>&amp;#8800; or &amp;ne;</td><td>not equal to</td><td>&#8800; or &ne;</td></tr>
<tr><td>&amp;#8801; or &amp;equiv;</td><td>identical to</td><td>&#8801; or &equiv;</td></tr>
<tr><td>&amp;#8804; or &amp;le;</td><td>less-than or equal to</td><td>&#8804; or &le;</td></tr>
<tr><td>&amp;#8805; or &amp;ge;</td><td>greater-than or equal to</td><td>&#8805; or &ge;</td></tr>
<tr><td>&amp;#8834; or &amp;sub;</td><td>subset of</td><td>&#8834; or &sub;</td></tr>
<tr><td>&amp;#8835; or &amp;sup;</td><td>superset of</td><td>&#8835; or &sup;</td></tr>
<tr><td>&amp;#8836; or &amp;nsub;</td><td>not a subset of</td><td>&#8836; or &nsub;</td></tr>
<tr><td>&amp;#8838; or &amp;sube;</td><td>subset of or equal to</td><td>&#8838; or &sube;</td></tr>
<tr><td>&amp;#8839; or &amp;supe;</td><td>superset of or equal to</td><td>&#8839; or &supe;</td></tr>
<tr><td>&amp;#8853; or &amp;oplus;</td><td>circled plus = direct sum</td><td>&#8853; or &oplus;</td></tr>
<tr><td>&amp;#8855; or &amp;otimes;</td><td>circled times = vector product</td><td>&#8855; or &otimes;</td></tr>
<tr><td>&amp;#8869; or &amp;perp;</td><td>up tack = orthogonal to = perpendicular</td><td>&#8869; or &perp;</td></tr>
<tr><td>&amp;#8901; or &amp;sdot;</td><td>dot operator</td><td>&#8901; or &sdot;</td></tr>
<tr><td>&amp;#8968; or &amp;lceil;</td><td>left ceiling = apl upstile</td><td>&#8968; or &lceil;</td></tr>
<tr><td>&amp;#8969; or &amp;rceil;</td><td>right ceiling</td><td>&#8969; or &rceil;</td></tr>
<tr><td>&amp;#8970; or &amp;lfloor;</td><td>left floor = apl downstile</td><td>&#8970; or &lfloor;</td></tr>
<tr><td>&amp;#8971; or &amp;rfloor;</td><td>right floor</td><td>&#8971; or &rfloor;</td></tr>
<tr><td>&amp;#9001; or &amp;lang;</td><td>left-pointing angle bracket = bra</td><td>&#9001; or &lang;</td></tr>
<tr><td>&amp;#9002; or &amp;rang;</td><td>right-pointing angle bracket = ket</td><td>&#9002; or &rang;</td></tr>
<tr><td>&amp;#9674; or &amp;loz;</td><td>lozenge</td><td>&#9674; or &loz;</td></tr>
<tr><td>&amp;#9824; or &amp;spades;</td><td>black spade suit</td><td>&#9824; or &spades;</td></tr>
<tr><td>&amp;#9827; or &amp;clubs;</td><td>black club suit = shamrock</td><td>&#9827; or &clubs;</td></tr>
<tr><td>&amp;#9829; or &amp;hearts;</td><td>black heart suit = valentine</td><td>&#9829; or &hearts;</td></tr>
<tr><td>&amp;#9830; or &amp;diams;</td><td>black diamond suit</td><td>&#9830; or &diams;</td></tr>
<tr><td>&amp;#10004;</td><td>Check Mark</td><td>&#10004;</td></tr>
</table>

<p>Add this page as a <a href="http://tntluoma.com/files/codes.htm" rel="sidebar"
title="HTMLCodes">Sidebar/Panel</a></p>

<p>(I&#8217;ll understand if you want to <a id="cleanhtmlcodes" href="/files/codes.htm">see the table without all the rest of the formatting</a>.)</p>

<p>{Comments closed due to comment spammers}</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/codes/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
		<item>
		<title>IRC panels and more</title>
		<link>http://tntluoma.com/sidebars/irc-panels-and-more/</link>
		<comments>http://tntluoma.com/sidebars/irc-panels-and-more/#comments</comments>
		<pubDate>Tue, 20 Dec 2005 22:19:57 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=82</guid>
		<description><![CDATA[IRC commands in panel format]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m always on the lookout for a good panel.</p>

<p><a href="http://webtoman.com/opera/panel/IRC_commands.php">http://webtoman.com/opera/panel/IRC_commands.php</a> is a handy panel of IRC commands to use with <a href="http://operalover.tntluoma.com/day_13_chat">Opera Chat</a>.</p>

<p>Handy for those new to Opera.</p>

<p>See also: <a href="http://dhost.info/shoust/?p=panels">Shout&#8217;s Panels</a></p>

<p>Know of any others?  If so leave a comment.</p>

<p>(PS yes days 22, 29 and 30 are still missing)</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/irc-panels-and-more/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Sidebars</title>
		<link>http://tntluoma.com/sidebars/google-sidebars/</link>
		<comments>http://tntluoma.com/sidebars/google-sidebars/#comments</comments>
		<pubDate>Sat, 06 Aug 2005 05:59:35 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=42</guid>
		<description><![CDATA[Some Google features work as sidebars, and some do not.]]></description>
			<content:encoded><![CDATA[<p>
I recently discovered <a href="http://www.google.com/pda">http://www.google.com/pda</a> which works really well as a <a href="http://www.google.com/pda" title="Google Sidebar" rel="sidebar">sidebar</a> except that you <em>must</em> be sure to <kbd>CTRL</kbd>-click (that’s <kbd>CMD</kbd>-click for you Mac-heads) on the search result links, otherwise the results will load in the sidebar, which will make it very difficult.
</p>

<p>
I was briefly hopeful that <a href="http://toolbar.google.com/send/sms/">http://toolbar.google.com/send/sms/</a> would work as well.  However, the window attempts to close after the message is sent and leaves no way to get back to the original <acronym>URL</acronym>.  So you can try it, but you won’t like it.
</p>

<p>
I would be remiss if I didn’t remind folks about the <a href="http://tntluoma.com/sidebars/gasp/">Google Advance Search Panel [GASP]</a>.
</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/google-sidebars/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>AcronymFinder</title>
		<link>http://tntluoma.com/sidebars/acronymfinder/</link>
		<comments>http://tntluoma.com/sidebars/acronymfinder/#comments</comments>
		<pubDate>Tue, 28 Jun 2005 06:35:27 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=37</guid>
		<description><![CDATA[Confused by the latest <acronym title="Three Letter Acronym">TLA</acronym> buzzword?  Checkout AcronymFinder is a Sidebar]]></description>
			<content:encoded><![CDATA[<p>
I just realized that <a href="http://www.acronymfinder.com/">AcronymFinder</a> has a page which is perfectly formatted to be used as a <a href="http://www.acronymfinder.com/sidesearch.aspx">AcronymFinder Sidebar</a>.
</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/acronymfinder/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Rijk&#8217;s Panelizer</title>
		<link>http://tntluoma.com/sidebars/rijks-panelizer/</link>
		<comments>http://tntluoma.com/sidebars/rijks-panelizer/#comments</comments>
		<pubDate>Mon, 31 Jan 2005 15:28:49 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=485</guid>
		<description><![CDATA[New sidebar for updated offline CSS2.1 plus other goodies (URLs updated update 2/3/2005)]]></description>
			<content:encoded><![CDATA[<p><a href="http://my.opera.com/rijk/journal">Rijk</a> was kind enough to point out that my offline version of the CSS2.1 sidebar is out of date.</p>

<p><a href="http://people.opera.com/rijk/panels/panelizer.html">Rijk&#8217;s Panelizer</a> is a collection of Sidebars for Opera (may work in Firefox too, but since I don&#8217;t use it, I can&#8217;t say for sure).</p>

<p>Most notable in the collection (for me at least) is an updated version of the CSS2.1 Sidebar which points to the CSS2.1 Candidate Recommendation (CR) rather than the older and outdated Working Draft.</p>

<p>Rijk has been nice enough to provide a zip file you can download and use offline.</p>

<p>See also: <a href="http://people.opera.com/rijk/opera/">Rijk&#8217;s Tweak Opera page</a> and other <a href="/sidebars/">sidebars</a> here at TnTLuoma.</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/rijks-panelizer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rijk&#8217;s Panelizer</title>
		<link>http://tntluoma.com/sidebars/rijks-panelizer-2/</link>
		<comments>http://tntluoma.com/sidebars/rijks-panelizer-2/#comments</comments>
		<pubDate>Mon, 31 Jan 2005 14:28:49 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tj.tntluoma.com/thoughts/rijks-panelizer</guid>
		<description><![CDATA[New sidebar for updated offline CSS2.1 plus other goodies (URLs updated update 2/3/2005)]]></description>
			<content:encoded><![CDATA[<p><a href="http://my.opera.com/rijk/journal">Rijk</a> was kind enough to point out that my offline version of the CSS2.1 sidebar is out of date.</p>

<p><a href="http://people.opera.com/rijk/panels/panelizer.html">Rijk&#8217;s Panelizer</a> is a collection of Sidebars for Opera (may work in Firefox too, but since I don&#8217;t use it, I can&#8217;t say for sure).</p>

<p>Most notable in the collection (for me at least) is an updated version of the CSS2.1 Sidebar which points to the CSS2.1 Candidate Recommendation (CR) rather than the older and outdated Working Draft.</p>

<p>Rijk has been nice enough to provide a zip file you can download and use offline.</p>

<p>See also: <a href="http://people.opera.com/rijk/opera/">Rijk&#8217;s Tweak Opera page</a> and other <a href="/sidebars/">sidebars</a> here at TnTLuoma.</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/rijks-panelizer-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apple Support Sidebar</title>
		<link>http://tntluoma.com/sidebars/apple-support-sidebar/</link>
		<comments>http://tntluoma.com/sidebars/apple-support-sidebar/#comments</comments>
		<pubDate>Sat, 26 Jun 2004 05:50:27 +0000</pubDate>
		<dc:creator>@luomat</dc:creator>
				<category><![CDATA[Sidebars]]></category>

		<guid isPermaLink="false">http://tntluoma.com/?p=455</guid>
		<description><![CDATA[I just created a Apple Support Sidebar to search http://search.info.apple.com/.
]]></description>
			<content:encoded><![CDATA[<p>I just created a <a href="/sidebars/applesupport/">Apple Support Sidebar</a> to search <a href="http://search.info.apple.com/">http://search.info.apple.com/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tntluoma.com/sidebars/apple-support-sidebar/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
