stian/vivaldi
stian/vivaldi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
vivaldi/panels/triplecolors.html
Stian Lund 60e2138a12 commit
2024-08-05 18:15:25 +02:00

701 lines
32 KiB
HTML
Executable File
Raw Permalink Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="icon" href="triplecolors.ico">
<title>TripleColors (TnTLuoma.com)</title>
<style type="text/css">
/* <![CDATA[ */
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0;
margin: 0;
}
body * { font-size: xx-small;}
head:first-child+body * {font-size: x-small;}
div#notes {font-size: xx-small ; border: 3px double gray; background: #BBB; padding: 0.5em;}
div p {margin: 0; padding: 0.25em;}
table {text-align: center; border-collapse: separate; border-spacing: 0 1px; width: 100%; margin-bottom: 1em; }
td {padding: 2px 0 0 2px; width: 33%;}
.d { color: white; }
/* ]]> */
</style>
</head>
<body>
<h1>TripleColors: The Best and Most Comprehensive Guide[<a href="#contact">*</a>] to Official <acronym title="Hypertext Markup Language">HTML</acronym> Color Codes</h1>
<table>
<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>
<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">
<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>
<div id="notes">
<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 id="contact">It is my goal to have the most complete list of <em>official colors</em> according to the <a href="http://www.w3.org">W3</a> specifications in a format which is conducive to being used as a Sidebar or Hotlist Panel. If you have any suggestions/corrections/additions, please <a target="_blank" href="http://www.tntluoma.com/contactus/">contact me</a>.</p>
</div>
<p>
<a href='javascript:if((typeof window.sidebar == "object") &amp;&amp; (typeof window.sidebar.addPanel == "function")) window.sidebar.addPanel(document.title, location.href,"")'>Add to Mozilla Sidebars (requires Javascript)</a>
</p>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink