Vidi fonton por Koloroj por TTT

{{HTML}}
'''Koloroj por TTT''', kontraste al la situacio en hejma etoso, kie ĉiutagaj aludoj al koloroj per ne ĉiam tre precizaj nomoj ne ĝenas, devas esti TTT-cele precize difineblaj. Pro tio la nomoj donitaj al [[koloro]]j, estas en la komputiko laŭnormigitaj. Ĉi-artikole troviĝas la nomoj uzeblaj por [[TTT]], kiujn ĉiuj [[krozilo]]j devis kompreni en la jaro 2012 kaj ties difinoj laŭ la kolorsistemo RGB (RVB).

[[Retpaĝara dezajno|Retpaĝisto]] disponas pri pluraj ebloj difini kolorojn de unuopaj elementoj sur retpaĝo. Multaj koloroj estas jam nomitaj, tiel ke ne plu necesas scio pri la dekuma aŭ eĉ deksesuma kolornotigo baziĝanta sur la miksado de la tri primaraj koloroj ruĝa, verda kaj blua. Aliflanke la elekto de koloro per nomo postulas, ke oni konu la laŭnormajn nomojn de la koloroj por povi apliki ilin. Prae temis pri nur 16 koloroj. Tamen ekde la enkonduko de stilfolioj laŭ la normo CSS oni povas elekti el paletro de 140 nomhavaj normigitaj kolordifinoj. Estas menciinde, ke ĉiuj koloroj estas difinitaj nur per Anglalingvaj nomoj.

== Koloroj laŭ nomoj ==
=== Malnovaj kolornomoj laŭ la ebloj de vidkarto VGA ===
Origine nur eblis {{Ankro}}16 kolornomoj. Ili estis difinitaj en HTML 3.2 kaj plu ekzistas en pli novaj versioj de HTML, kiel ekzemple 4.01. Kaj ili funkcias en ĉiuj foliumiloj, kiuj subtenas kolorojn.

{{Kaŝskatolo komenco|titolo=VGA-koloroj}}
<center>[[HTML]] 4: la 16 koloroj de la VGA-16-kolora normo</center>
{| class="prettytable" style="width:100%;"
! Nomo
! Traduko
! Deksesuma
! Nomo
! Traduko
! Deksesuma
|-
| style="background-color:black;color:white;" | black
| style="background-color:black;color:white;" | nigra
| style="background-color:black;color:white;" | #000000
| style="background-color:green;color:white;" | green
| style="background-color:green;color:white;" | verda
| style="background-color:green;color:white;" | #008000
|-
| style="background-color:silver;color:black;" | silver
| style="background-color:silver;color:black;" | arĝenta
| style="background-color:silver;color:black;" | #C0C0C0
| style="background-color:lime;color:black;" | lime
| style="background-color:lime;color:black;" | limea
| style="background-color:lime;color:black;" | #00FF00
|-
| style="background-color:gray;color:white;" | gray
| style="background-color:gray;color:white;" | griza
| style="background-color:gray;color:white;" | #808080
| style="background-color:olive;color:white;" | olive
| style="background-color:olive;color:white;" | oliva
| style="background-color:olive;color:white;" | #808000
|-
| style="background-color:white;color:black;" | white
| style="background-color:white;color:black;" | blanka
| style="background-color:white;color:black;" | #FFFFFF
| style="background-color:yellow;color:black;" | yellow
| style="background-color:yellow;color:black;" | flava
| style="background-color:yellow;color:black;" | #FFFF00
|-
| style="background-color:maroon;color:white;" | maroon
| style="background-color:maroon;color:white;" | marona
| style="background-color:maroon;color:white;" | #800000
| style="background-color:navy;color:white;" | navy
| style="background-color:navy;color:white;" | mararmee blua
| style="background-color:navy;color:white;" | #000080
|-
| style="background-color:red;color:white;" | red
| style="background-color:red;color:white;" | ruĝa
| style="background-color:red;color:white;" | #FF0000
| style="background-color:blue;color:white;" | blue
| style="background-color:blue;color:white;" | blua
| style="background-color:blue;color:white;" | #0000FF
|-
| style="background-color:purple;color:white;" | purple
| style="background-color:purple;color:white;" | purpura
| style="background-color:purple;color:white;" | #800080
| style="background-color:teal;color:white;" | teal
| style="background-color:teal;color:white;" | kreka
| style="background-color:teal;color:white;" | #008080
|-
| style="background-color:fuchsia;color:white;" | fuchsia
| style="background-color:fuchsia;color:white;" | fuksina
| style="background-color:fuchsia;color:white;" | #FF00FF
| style="background-color:aqua;color:black;" | aqua
| style="background-color:aqua;color:black;" | akve helblua
| style="background-color:aqua;color:black;" | #00FFFF
|}
{{Kaŝskatolo fino}}

=== Kolornomoj laŭ CSS 2.1 ===
En CSS 2.1 estas difinitaj la samaj 16 koloroj kiel en HTML 4, sed estis aldonita ''orange''.<ref>{{citaĵo el la reto |url=http://www.w3.org/TR/CSS21/syndata.html#color-units |titolo=CSS 2.1 Specification: Syntax and basic data types: Colors |dato=2011-06-07 |alirdato=2012-05-29 }}</ref>

{| class="prettytable"
! Koloro
! Angla nomo
! Esperante
! Deksesuma kodo
|-
| style="background-color:orange;" | &nbsp;
| orange
| oranĝa, [[oranĝkolora]]
| #FFA500
|}

=== Kolornomoj laŭ CSS 3 (X.11 kun aldonoj) ===
==== Laŭnormaj kolornomoj kun tradukoj ====
En CSS 3 estas difinitaj 140 kolorojn el la listo de X11, kiuj estis normigitaj por [[Streka Vari-skala Grafiko|SVG 1.0]].<ref>{{citaĵo el la reto|url=http://www.w3.org/TR/css3-color/#svg-color|titolo=CSS Color Module Level 3|dato=2011-06-07|alirdato=2012-05-29}}</ref>

{{Kaŝskatolo komenco|titolo=CSS-3-koloroj}}
{{W3C-koloroj}}
{{Kaŝskatolo fino}}
<!--{{Tabulo|koloro=flava|ombro=bruna|inko=bruna|larĝo=350|marĝeno=10|Notu, ke la subaj tabeloj uziĝas por produkti la kodaĵon por la kolorrilataj ŝablonoj {{Ŝ|RGB}} kaj {{Ŝ|E-koloroj}}, do ne ŝanĝu ilian strukturon iel. Specife, ne enmetu iujn paĝligilojn en la tabelojn mem. Evidente ankaŭ ne aldonu iujn pliajn alitemajn tabelojn al tiu ĉi sekcio. Ce ĉio ĉi la ankro [[#hex_please]] rolas. Simile, la uskleco, kaj la signo &amp;nbsp; grave rolas. Do se oni volas difini aldonajn kolorojn, nepre vere sklavece precize kopiu la ĝisnunan strukturon de la aliaj tabellinioj.}}-->
{{Mesaĝkesto|speco=tekniko|koloro=F|inko=bruna|larĝo=45|aranĝo=dekstre|fluigo=jes|Notu, ke la subaj tabeloj uziĝas por produkti la kodaĵon por la kolorrilataj ŝablonoj {{Ŝ|RGB}} kaj {{Ŝ|E-koloroj}}, do ne ŝanĝu ilian strukturon iel.|teksteto=Specife, ne enmetu iujn paĝligilojn en la tabelojn mem. Evidente ankaŭ ne aldonu iujn pliajn alitemajn tabelojn al tiu ĉi sekcio. Ce ĉio ĉi la ankro [[#hex_please]] rolas. Simile, la uskleco, kaj la signo &amp;nbsp; grave rolas. Do se oni volas difini aldonajn kolorojn, nepre vere sklavece precize kopiu la ĝisnunan strukturon de la aliaj tabellinioj.}}
Ĉe tio povas esti skribata anstataŭ la literumo ''gray'' ankaŭ ''grey''. Plie reprezentas ''aqua'' kaj ''cyan'' resp. ''fuchsia'' kaj ''magenta'' la samajn kolorojn. La listo konsistas ĉefe el la 120 koloroj de la Netscape-foliumilo kaj la 16 VGA-koloroj. Nur la koloroj ''bisque'' (#FFE4C4) kaj ''blanchedalmond'' (#FFEBCD) ne devenas de tie.

<!--[[Netscape]] aldonis pliajn kolornomojn, tiel ke entute estas 216 kolornomoj. Intertempe ili estis akceptataj kiel kvazaŭa normo.-->
Multaj en la jaro 2012 uzeblaj kolornomoj venas de la normo X11, parto de la X-Fenestrosistemo.

La listo de koloroj, kiu fakte liveriĝas kun la X11-produkto varias inter la diversaj realigoj kaj parte kolizias kun specifaj HTML-aj kolornomoj, kiel ''verda''. Aldoniĝas, ke X11-koloroj estas difinitaj kiel simpla valoro laŭ [[RGB]], do sen mencii specifan kolorspacon, kiel laŭ [[sRGB]]. Tio signifas, ke la liston de koloroj trovebla ĉe X11 (ekz. en la katalogo: /usr/lib/X11/rgb.txt) oni ne uzu rekte por elekti kolorojn por [[TTT]].

{{Ankro|koloroj}}La suba listo kun 140 kolordifinoj pleje laŭ la normo X11 el la specifikaĵo por [[CSS]]3 de [[W3C]] inkludas popularajn sinonimojn kiel: ''aqua'' (laŭnorme de HTML4/CSS 1.0), ''cyan'' (populara nomo laŭ sRGB), ''magenta'' (populara nomo laŭ sRGB), ''fuchsia'' (laŭnorme de HTML4/CSS 1.0), ''gray'' (laŭnorme de HTML4/CSS 1.0) kaj ''grey''.<ref>[http://www.w3.org/TR/css3-color/#svg-color W3C TR CSS3 Color Module, SVG color keywords]</ref><ref>[http://www.w3.org/TR/SVG/types.html#ColorKeywords W3C TR SVG 1.0, recognized color keyword names]</ref>

{{Parenteze|La sekvanta tabelo de CSS-kolornomoj estas tamen etendita per kolono kun Esperantaj nomtradukoj. Tiuj permesas la aplikadon de Esperantaj kolornomoj kiel parametroj por ŝablonoj de la ĉi-tiea Vikipedia sistemo. Por tio estas tamen necese, ke la ŝablono provizas tiun eblon helpe de la subŝablono [[Ŝablono:E-koloroj]] aŭ simile. Ekzemple el formulado: <nowiki>color:{{{koloro}}}; iĝu color:{{E-Koloroj|{{{koloro}}}}};</nowiki> .}}

{|style="font-size:90%" cellpadding="4"
|-valign="top"
|
{|border="0"
|-
!style="background:lightgrey"|[[HTML]]-nomo
!style="background:lightgrey"|Nomo
!style="background:lightgrey"|[[Deksesuma sistemo|16-ume]]<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
!style="background:lightgrey"|10-ume<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Ruĝaj koloroj'''</span>
|-style="background:indianred;color:white"
|IndianRed ||IndianRuĝa ||<tt>CD&nbsp;5C&nbsp;5C</tt>||<tt>205&nbsp;&nbsp;92&nbsp;&nbsp;92</tt>
|-style="background:lightcoral;color:black"
|LightCoral ||HelKorala ||<tt>F0&nbsp;80&nbsp;80</tt>||<tt>240&nbsp;128&nbsp;128</tt>
|-style="background:salmon;color:black"
|Salmon ||Salma ||<tt>FA&nbsp;80&nbsp;72</tt>||<tt>250&nbsp;128&nbsp;114</tt>
|-style="background:darksalmon;color:black"
|DarkSalmon ||MalhelSalma ||<tt>E9&nbsp;96&nbsp;7A</tt>||<tt>233&nbsp;150&nbsp;122</tt>
|-style="background:lightsalmon;color:black"
|LightSalmon ||HelSalma ||<tt>FF&nbsp;A0&nbsp;7A</tt>||<tt>255&nbsp;160&nbsp;122</tt>
|-style="background:red;color:white"
|Red ||Ruĝa ||<tt>FF&nbsp;00&nbsp;00</tt>||<tt>255&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:crimson;color:white;color:white"
|Crimson ||Karmezina ||<tt>DC&nbsp;14&nbsp;3C</tt>||<tt>220&nbsp;&nbsp;20&nbsp;&nbsp;60</tt>
|-style="background:fireBrick;color:white"
|FireBrick ||FornBrika ||<tt>B2&nbsp;22&nbsp;22</tt>||<tt>178&nbsp;&nbsp;34&nbsp;&nbsp;34</tt>
|-style="background:darkred;color:white"
|DarkRed ||MalhelRuĝa ||<tt>8B&nbsp;00&nbsp;00</tt>||<tt>139&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Rozaj koloroj'''</span>
|-style="background:pink;color:black"
|Pink ||Roza ||<tt>FF&nbsp;C0&nbsp;CB</tt>||<tt>255&nbsp;192&nbsp;203</tt>
|-style="background:lightpink;color:black"
|LightPink ||HelRoza ||<tt>FF&nbsp;B6&nbsp;C1</tt>||<tt>255&nbsp;182&nbsp;193</tt>
|-style="background:hotpink;color:white"
|HotPink ||VarmegRoza ||<tt>FF&nbsp;69&nbsp;B4</tt>||<tt>255&nbsp;105&nbsp;180</tt>
|-style="background:deeppink;color:white"
|DeepPink ||Rozega ||<tt>FF&nbsp;14&nbsp;93</tt>||<tt>255&nbsp;&nbsp;20&nbsp;147</tt>
|-style="background:mediumvioletred;color:white"
|MediumVioletRed ||MezhelViolRuĝa ||<tt>C7&nbsp;15&nbsp;85</tt>||<tt>199&nbsp;&nbsp;21&nbsp;133</tt>
|-style="background:palevioletred;color:white"
|PaleVioletRed ||PalViolRuĝa ||<tt>DB&nbsp;70&nbsp;93</tt>||<tt>219&nbsp;112&nbsp;147</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Oranĝaj koloroj'''</span>
|-style="background:lightsalmon;color:black"
||LightSalmon ||HelSalma ||<tt>FF&nbsp;A0&nbsp;7A</tt>||<tt>255&nbsp;160&nbsp;122</tt>
|-style="background:coral;color:white"
|Coral ||Korala ||<tt>FF&nbsp;7F&nbsp;50</tt>||<tt>255&nbsp;127&nbsp;&nbsp;80</tt>
|-style="background:tomato;color:white"
|Tomato ||Tomata ||<tt>FF&nbsp;63&nbsp;47</tt>||<tt>255&nbsp;&nbsp;99&nbsp;&nbsp;71</tt>
|-style="background:orangered;color:white"
|OrangeRed ||OranĝRuĝa ||<tt>FF&nbsp;45&nbsp;00</tt>||<tt>255&nbsp;&nbsp;69&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:darkorange;color:white"
|DarkOrange ||MalhelOranĝa ||<tt>FF&nbsp;8C&nbsp;00</tt>||<tt>255&nbsp;140&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:orange;color:white"
|Orange ||Oranĝa ||<tt>FF&nbsp;A5&nbsp;00</tt>||<tt>255&nbsp;165&nbsp;&nbsp;&nbsp;0</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Flavaj koloroj'''</span>
|-style="background:gold;color:black"
|Gold ||Ora ||<tt>FF&nbsp;D7&nbsp;00</tt>||<tt>255&nbsp;215&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:yellow;color:black"
|Yellow ||Flava ||<tt>FF&nbsp;FF&nbsp;00</tt>||<tt>255&nbsp;255&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:lightyellow;color:black"
|LightYellow ||HelFlava ||<tt>FF&nbsp;FF&nbsp;E0</tt>||<tt>255&nbsp;255&nbsp;224</tt>
|-style="background:lemonchiffon;color:black"
|LemonChiffon ||CitronŜaŭma ||<tt>FF&nbsp;FA&nbsp;CD</tt>||<tt>255&nbsp;250&nbsp;205</tt>
|-style="background:lightgoldenrodyellow;color:black"
|LightGoldenrodYellow||HelSolidagFlava ||<tt>FA&nbsp;FA&nbsp;D2</tt>||<tt>250&nbsp;250&nbsp;210</tt>
|-style="background:papayawhip;color:black"
|PapayaWhip ||PapajKrema ||<tt>FF&nbsp;EF&nbsp;D5</tt>||<tt>255&nbsp;239&nbsp;213</tt>
|-style="background:moccasin;color:black"
|Moccasin ||Mokasena ||<tt>FF&nbsp;E4&nbsp;B5</tt>||<tt>255&nbsp;228&nbsp;181</tt>
|-style="background:peachpuff;color:black"
|PeachPuff ||PersikPufa ||<tt>FF&nbsp;DA&nbsp;B9</tt>||<tt>255&nbsp;218&nbsp;185</tt>
|-style="background:palegoldenrod;color:black"
|PaleGoldenrod ||PalSolidaga ||<tt>EE&nbsp;E8&nbsp;AA</tt>||<tt>238&nbsp;232&nbsp;170</tt>
|-style="background:khaki;color:black"
|Khaki ||Kakia ||<tt>F0&nbsp;E6&nbsp;8C</tt>||<tt>240&nbsp;230&nbsp;140</tt>
|-style="background:darkkhaki;color:black"
|DarkKhaki ||MalhelKakia ||<tt>BD&nbsp;B7&nbsp;6B</tt>||<tt>189&nbsp;183&nbsp;107</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Purpuraj koloroj'''</span>
|-style="background:lavender;color:black"
|Lavender ||Lavenda ||<tt>E6&nbsp;E6&nbsp;FA</tt>||<tt>230&nbsp;230&nbsp;250</tt>
|-style="background:thistle;color:black"
|Thistle ||Karda ||<tt>D8&nbsp;BF&nbsp;D8</tt>||<tt>216&nbsp;191&nbsp;216</tt>
|-style="background:plum;color:black"
|Plum ||Pruna ||<tt>DD&nbsp;A0&nbsp;DD</tt>||<tt>221&nbsp;160&nbsp;221</tt>
|-style="background:violet;color:black"
|Violet ||Viola ||<tt>EE&nbsp;82&nbsp;EE</tt>||<tt>238&nbsp;130&nbsp;238</tt>
|-style="background:orchid;color:black"
|Orchid ||Orkida ||<tt>DA&nbsp;70&nbsp;D6</tt>||<tt>218&nbsp;112&nbsp;214</tt>
|-style="background:fuchsia;color:white"
|Fuchsia ||Fuksina ||<tt>FF&nbsp;00&nbsp;FF</tt>||<tt>255&nbsp;&nbsp;&nbsp;0&nbsp;255</tt>
|-style="background:Magenta;color:white"
|Magenta ||Magenta ||<tt>FF&nbsp;00&nbsp;FF</tt>||<tt>255&nbsp;&nbsp;&nbsp;0&nbsp;255</tt>
|-style="background:mediumorchid;color:white"
|MediumOrchid ||MezhelOrkida ||<tt>BA&nbsp;55&nbsp;D3</tt>||<tt>186&nbsp;&nbsp;85&nbsp;211</tt>
|-style="background:mediumpurple;color:white"
|MediumPurple ||MezhelPurpura ||<tt>93&nbsp;70&nbsp;DB</tt>||<tt>147&nbsp;112&nbsp;219</tt>
|-style="background:#9966CC;color:white"
|BlueViolet ||BluViola ||<tt>8A&nbsp;2B&nbsp;E2</tt>||<tt>138&nbsp;&nbsp;43&nbsp;226</tt>
|-style="background:darkviolet;color:white"
|DarkViolet ||MalhelViola ||<tt>94&nbsp;00&nbsp;D3</tt>||<tt>148&nbsp;&nbsp;&nbsp;0&nbsp;211</tt>
|-style="background:darkorchid;color:white"
|DarkOrchid ||MalhelOrkida ||<tt>99&nbsp;32&nbsp;CC</tt>||<tt>153&nbsp;&nbsp;50&nbsp;204</tt>
|-style="background:darkmagenta;color:white"
|DarkMagenta ||MalhelMagenta ||<tt>8B&nbsp;00&nbsp;8B</tt>||<tt>139&nbsp;&nbsp;&nbsp;0&nbsp;139</tt>
|-style="background:purple;color:white"
|Purple ||Purpura ||<tt>80&nbsp;00&nbsp;80</tt>||<tt>128&nbsp;&nbsp;&nbsp;0&nbsp;128</tt>
|-style="background:indigo;color:white"
|Indigo ||Indiga ||<tt>4B&nbsp;00&nbsp;82</tt>||<tt>&nbsp;75&nbsp;&nbsp;&nbsp;0&nbsp;130</tt>
|-style="background:darkslateblue;color:white"
|DarkSlateBlue ||MalhelArdezBlua ||<tt>48&nbsp;3D&nbsp;8B</tt>||<tt>&nbsp;72&nbsp;&nbsp;61&nbsp;139</tt>
|-style="background:slateblue;color:white"
|SlateBlue ||ArdezBlua ||<tt>6A&nbsp;5A&nbsp;CD</tt>||<tt>106&nbsp;&nbsp;90&nbsp;205</tt>
|-style="background:mediumslateblue;color:white"
|MediumSlateBlue ||MezhelArdezBlua ||<tt>7B&nbsp;68&nbsp;EE</tt>||<tt>123&nbsp;104&nbsp;238</tt>
|}
|
{|
|-
!style="background:lightgrey"|[[HTML]]-nomo
!style="background:lightgrey"|Nomo
!style="background:lightgrey"|[[Deksesuma sistemo|16-ume]]<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
!style="background:lightgrey"|10-ume<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Verdaj koloroj'''</span>
|-style="background:greenyellow;color:black"
|GreenYellow ||VerdFlava ||<tt>AD&nbsp;FF&nbsp;2F</tt>||<tt>173&nbsp;255&nbsp;&nbsp;47</tt>
|-style="background:chartreuse;color:black"
|Chartreuse ||Kartuzia ||<tt>7F&nbsp;FF&nbsp;00</tt>||<tt>127&nbsp;255&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:lawngreen;color:black"
|LawnGreen ||GazonVerda ||<tt>7C&nbsp;FC&nbsp;00</tt>||<tt>124&nbsp;252&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:lime;color:black"
|Lime ||Limea ||<tt>00&nbsp;FF&nbsp;00</tt>||<tt>&nbsp;&nbsp;0&nbsp;255&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:limegreen;color:black"
|LimeGreen ||LimeVerda ||<tt>32&nbsp;CD&nbsp;32</tt>||<tt>&nbsp;50&nbsp;205&nbsp;&nbsp;50</tt>
|-style="background:palegreen;color:black"
|PaleGreen ||PalVerda ||<tt>98&nbsp;FB&nbsp;98</tt>||<tt>152&nbsp;251&nbsp;152</tt>
|-style="background:lightgreen;color:black"
|LightGreen ||HelVerda ||<tt>90&nbsp;EE&nbsp;90</tt>||<tt>144&nbsp;238&nbsp;144</tt>
|-style="background:mediumspringgreen;color:black"
|MediumSpringGreen ||MezhelPrintempVerda ||<tt>00&nbsp;FA&nbsp;9A</tt>||<tt>&nbsp;&nbsp;0&nbsp;250&nbsp;154</tt>
|-style="background:springgreen;color:black"
|SpringGreen ||PrintempVerda ||<tt>00&nbsp;FF&nbsp;7F</tt>||<tt>&nbsp;&nbsp;0&nbsp;255&nbsp;127</tt>
|-style="background:mediumseagreen;color:white"
|MediumSeaGreen ||MezhelMarVerda ||<tt>3C&nbsp;B3&nbsp;71</tt>||<tt>&nbsp;60&nbsp;179&nbsp;113</tt>
|-style="background:seagreen;color:white"
|SeaGreen ||MarVerda ||<tt>2E&nbsp;8B&nbsp;57</tt>||<tt>&nbsp;46&nbsp;139&nbsp;&nbsp;87</tt>
|-style="background:forestgreen;color:white"
|ForestGreen ||ArbarVerda ||<tt>22&nbsp;8B&nbsp;22</tt>||<tt>&nbsp;34&nbsp;139&nbsp;&nbsp;34</tt>
|-style="background:green;color:white"
|Green ||Verda ||<tt>00&nbsp;80&nbsp;00</tt>||<tt>&nbsp;&nbsp;0&nbsp;128&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:darkgreen;color:white"
|DarkGreen ||MalhelVerda ||<tt>00&nbsp;64&nbsp;00</tt>||<tt>&nbsp;&nbsp;0&nbsp;100&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:yellowgreen;color:black"
|YellowGreen ||FlavVerda ||<tt>9A&nbsp;CD&nbsp;32</tt>||<tt>154&nbsp;205&nbsp;&nbsp;50</tt>
|-style="background:olivedrab;color:white"
|OliveDrab ||Oliveta ||<tt>6B&nbsp;8E&nbsp;23</tt>||<tt>107&nbsp;142&nbsp;&nbsp;35</tt>
|-style="background:olive;color:white"
|Olive ||Oliva ||<tt>80&nbsp;80&nbsp;00</tt>||<tt>128&nbsp;128&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:darkolivegreen;color:white"
|DarkOliveGreen ||MalhelOlivVerda ||<tt>55&nbsp;6B&nbsp;2F</tt>||<tt>&nbsp;85&nbsp;107&nbsp;&nbsp;47</tt>
|-style="background:mediumaquamarine;color:black"
|MediumAquamarine ||MezhelAkvamarina ||<tt>66&nbsp;CD&nbsp;AA</tt>||<tt>102&nbsp;205&nbsp;170</tt>
|-style="background:darkseagreen;color:black"
|DarkSeaGreen ||MalhelMarVerda ||<tt>8F&nbsp;BC&nbsp;8F</tt>||<tt>143&nbsp;188&nbsp;143</tt>
|-style="background:lightseagreen;color:white"
|LightSeaGreen ||HelMarVerda ||<tt>20&nbsp;B2&nbsp;AA</tt>||<tt>&nbsp;32&nbsp;178&nbsp;170</tt>
|-style="background:darkcyan;color:white"
|DarkCyan ||MalhelCejana ||<tt>00&nbsp;8B&nbsp;8B</tt>||<tt>&nbsp;&nbsp;0&nbsp;139&nbsp;139</tt>
|-style="background:teal;color:white"
|Teal ||Kreka ||<tt>00&nbsp;80&nbsp;80</tt>||<tt>&nbsp;&nbsp;0&nbsp;128&nbsp;128</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Bluaj/Cejanaj koloroj'''</span>
|-style="background:aqua;color:black"
|Aqua ||Akva ||<tt>00&nbsp;FF&nbsp;FF</tt>||<tt>&nbsp;&nbsp;0&nbsp;255&nbsp;255</tt>
|-style="background:cyan;color:black"
|Cyan ||Cejana ||<tt>00&nbsp;FF&nbsp;FF</tt>||<tt>&nbsp;&nbsp;0&nbsp;255&nbsp;255</tt>
|-style="background:lightcyan;color:black"
|LightCyan ||HelCejana ||<tt>E0&nbsp;FF&nbsp;FF</tt>||<tt>224&nbsp;255&nbsp;255</tt>
|-style="background:paleturquoise;color:black"
|PaleTurquoise ||PalTurkisa ||<tt>AF&nbsp;EE&nbsp;EE</tt>||<tt>175&nbsp;238&nbsp;238</tt>
|-style="background:aquamarine;color:black"
|Aquamarine ||Akvamarina ||<tt>7F&nbsp;FF&nbsp;D4</tt>||<tt>127&nbsp;255&nbsp;212</tt>
|-style="background:turquoise;color:black"
|Turquoise ||Turkisa ||<tt>40&nbsp;E0&nbsp;D0</tt>||<tt>&nbsp;64&nbsp;224&nbsp;208</tt>
|-style="background:mediumturquoise;color:black"
|MediumTurquoise ||MezhelTurkisa ||<tt>48&nbsp;D1&nbsp;CC</tt>||<tt>&nbsp;72&nbsp;209&nbsp;204</tt>
|-style="background:darkturquoise;color:white"
|DarkTurquoise ||MalhelTurkisa ||<tt>00&nbsp;CE&nbsp;D1</tt>||<tt>&nbsp;&nbsp;0&nbsp;206&nbsp;209</tt>
|-style="background:cadetblue;color:white"
|CadetBlue ||KadetBlua ||<tt>5F&nbsp;9E&nbsp;A0</tt>||<tt>&nbsp;95&nbsp;158&nbsp;160</tt>
|-style="background:steelblue;color:white"
|SteelBlue ||ŜtalBlua ||<tt>46&nbsp;82&nbsp;B4</tt>||<tt>&nbsp;70&nbsp;130&nbsp;180</tt>
|-style="background:lightsteelblue;color:black"
|LightSteelBlue ||HelŜtalBlua ||<tt>B0&nbsp;C4&nbsp;DE</tt>||<tt>176&nbsp;196&nbsp;222</tt>
|-style="background:powderblue;color:black"
|PowderBlue ||PolvoBlua ||<tt>B0&nbsp;E0&nbsp;E6</tt>||<tt>176&nbsp;224&nbsp;230</tt>
|-style="background:lightblue;color:black"
|LightBlue ||HelBlua ||<tt>AD&nbsp;D8&nbsp;E6</tt>||<tt>173&nbsp;216&nbsp;230</tt>
|-style="background:skyblue;color:black"
|SkyBlue ||ĈielBlua ||<tt>87&nbsp;CE&nbsp;EB</tt>||<tt>135&nbsp;206&nbsp;235</tt>
|-style="background:lightskyblue;color:black"
|LightSkyBlue ||HelĈielBlua ||<tt>87&nbsp;CE&nbsp;FA</tt>||<tt>135&nbsp;206&nbsp;250</tt>
|-style="background:deepskyblue;color:white"
|DeepSkyBlue ||ĈielBluega ||<tt>00&nbsp;BF&nbsp;FF</tt>||<tt>&nbsp;&nbsp;0&nbsp;191&nbsp;255</tt>
|-style="background:dodgerblue;color:white"
|DodgerBlue ||DoĝerBlua ||<tt>1E&nbsp;90&nbsp;FF</tt>||<tt>&nbsp;30&nbsp;144&nbsp;255</tt>
|-style="background:cornflowerblue;color:white"
|CornflowerBlue ||CejanBlua ||<tt>64&nbsp;95&nbsp;ED</tt>||<tt>100&nbsp;149&nbsp;237</tt>
|-style="background:royalblue;color:white"
|RoyalBlue ||ReĝBlua ||<tt>41&nbsp;69&nbsp;E1</tt>||<tt>&nbsp;65&nbsp;105&nbsp;225</tt>
|-style="background:blue;color:white"
|Blue ||Blua ||<tt>00&nbsp;00&nbsp;FF</tt>||<tt>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;255</tt>
|-style="background:mediumblue;color:white"
|MediumBlue ||MezhelBlua ||<tt>00&nbsp;00&nbsp;CD</tt>||<tt>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;205</tt>
|-style="background:darkblue;color:white"
|DarkBlue ||MalhelBlua ||<tt>00&nbsp;00&nbsp;8B</tt>||<tt>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;139</tt>
|-style="background:navy;color:white"
|Navy ||Mararmea ||<tt>00&nbsp;00&nbsp;80</tt>||<tt>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;128</tt>
|-style="background:midnightblue;color:white"
|MidnightBlue ||NoktomezoBlua ||<tt>19&nbsp;19&nbsp;70</tt>||<tt>&nbsp;25&nbsp;&nbsp;25&nbsp;112</tt>
|}
|
{|
|-
!style="background:lightgrey"|[[HTML]]-nomo
!style="background:lightgrey"|Nomo
!style="background:lightgrey"|[[Deksesuma sistemo|16-ume]]<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
!style="background:lightgrey"|10-ume<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Brunaj koloroj'''</span>
|-style="background:cornsilk;color:black"
|Cornsilk ||MaizSilka ||<tt>FF&nbsp;F8&nbsp;DC</tt>||<tt>255&nbsp;248&nbsp;220</tt>
|-style="background:blanchedalmond;color:black"
|BlanchedAlmond ||BrogMigdala ||<tt>FF&nbsp;EB&nbsp;CD</tt>||<tt>255&nbsp;235&nbsp;205</tt>
|-style="background:bisque;color:black"
|Bisque ||Biskvita ||<tt>FF&nbsp;E4&nbsp;C4</tt>||<tt>255&nbsp;228&nbsp;196</tt>
|-style="background:navajowhite;color:black"
|NavajoWhite ||NavajoBlanka ||<tt>FF&nbsp;DE&nbsp;AD</tt>||<tt>255&nbsp;222&nbsp;173</tt>
|-style="background:wheat;color:black"
|Wheat ||Tritika ||<tt>F5&nbsp;DE&nbsp;B3</tt>||<tt>245&nbsp;222&nbsp;179</tt>
|-style="background:burlywood;color:black"
|BurlyWood ||BukloLigna ||<tt>DE&nbsp;B8&nbsp;87</tt>||<tt>222&nbsp;184&nbsp;135</tt>
|-style="background:tan;color:black"
|Tan ||Tanina ||<tt>D2&nbsp;B4&nbsp;8C</tt>||<tt>210&nbsp;180&nbsp;140</tt>
|-style="background:rosybrown;color:black"
|RosyBrown ||RozBruna ||<tt>BC&nbsp;8F&nbsp;8F</tt>||<tt>188&nbsp;143&nbsp;143</tt>
|-style="background:sandybrown;color:black"
|SandyBrown ||SabloBruna ||<tt>F4&nbsp;A4&nbsp;60</tt>||<tt>244&nbsp;164&nbsp;&nbsp;96</tt>
|-style="background:goldenrod;color:black"
|Goldenrod ||Solidaga ||<tt>DA&nbsp;A5&nbsp;20</tt>||<tt>218&nbsp;165&nbsp;&nbsp;32</tt>
|-style="background:darkgoldenrod;color:white"
|DarkGoldenrod ||MalhelSolidaga ||<tt>B8&nbsp;86&nbsp;0B</tt>||<tt>184&nbsp;134&nbsp;&nbsp;11</tt>
|-style="background:Peru;color:white"
|Peru ||Perua ||<tt>CD&nbsp;85&nbsp;3F</tt>||<tt>205&nbsp;133&nbsp;&nbsp;63</tt>
|-style="background:chocolate;color:white"
|Chocolate ||Ĉokolada ||<tt>D2&nbsp;69&nbsp;1E</tt>||<tt>210&nbsp;105&nbsp;&nbsp;30</tt>
|-style="background:saddlebrown;color:white"
|SaddleBrown ||SelBruna ||<tt>8B&nbsp;45&nbsp;13</tt>||<tt>139&nbsp;&nbsp;69&nbsp;&nbsp;19</tt>
|-style="background:sienna;color:white"
|Sienna ||Siena ||<tt>A0&nbsp;52&nbsp;2D</tt>||<tt>160&nbsp;&nbsp;82&nbsp;&nbsp;45</tt>
|-style="background:brown;color:white"
|Brown ||Bruna ||<tt>A5&nbsp;2A&nbsp;2A</tt>||<tt>165&nbsp;&nbsp;42&nbsp;&nbsp;42</tt>
|-style="background:maroon;color:white"
|Maroon ||Marona ||<tt>80&nbsp;00&nbsp;00</tt>||<tt>128&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</tt>
|-
|colspan="4" style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Blankaj koloroj'''</span>
|-style="background:white;color:black"
|White ||Blanka ||<tt>FF&nbsp;FF&nbsp;FF</tt>||<tt>255&nbsp;255&nbsp;255</tt>
|-style="background:snow;color:black"
|Snow ||Neĝa ||<tt>FF&nbsp;FA&nbsp;FA</tt>||<tt>255&nbsp;250&nbsp;250</tt>
|-style="background:honeydew;color:black"
|Honeydew ||Mielrosa ||<tt>F0&nbsp;FF&nbsp;F0</tt>||<tt>240&nbsp;255&nbsp;240</tt>
|-style="background:mintcream;color:black"
|MintCream ||MentKrema ||<tt>F5&nbsp;FF&nbsp;FA</tt>||<tt>245&nbsp;255&nbsp;250</tt>
|-style="background:azure;color:black"
|Azure ||Lazura ||<tt>F0&nbsp;FF&nbsp;FF</tt>||<tt>240&nbsp;255&nbsp;255</tt>
|-style="background:aliceblue;color:black"
|AliceBlue ||AlicBlua ||<tt>F0&nbsp;F8&nbsp;FF</tt>||<tt>240&nbsp;248&nbsp;255</tt>
|-style="background:ghostwhite;color:black"
|GhostWhite ||FantomBlanka ||<tt>F8&nbsp;F8&nbsp;FF</tt>||<tt>248&nbsp;248&nbsp;255</tt>
|-style="background:whitesmoke;color:black"
|WhiteSmoke ||BlankFuma ||<tt>F5&nbsp;F5&nbsp;F5</tt>||<tt>245&nbsp;245&nbsp;245</tt>
|-style="background:seashell;color:black"
|Seashell ||Konka ||<tt>FF&nbsp;F5&nbsp;EE</tt>||<tt>255&nbsp;245&nbsp;238</tt>
|-style="background:beige;color:black"
|Beige ||Beja ||<tt>F5&nbsp;F5&nbsp;DC</tt>||<tt>245&nbsp;245&nbsp;220</tt>
|-style="background:oldlace;color:black"
|OldLace ||MalnovPunta ||<tt>FD&nbsp;F5&nbsp;E6</tt>||<tt>253&nbsp;245&nbsp;230</tt>
|-style="background:floralwhite;color:black"
|FloralWhite ||FlorBlanka ||<tt>FF&nbsp;FA&nbsp;F0</tt>||<tt>255&nbsp;250&nbsp;240</tt>
|-style="background:ivory;color:black"
|Ivory ||Ebura ||<tt>FF&nbsp;FF&nbsp;F0</tt>||<tt>255&nbsp;255&nbsp;240</tt>
|-style="background:antiquewhite;color:black"
|AntiqueWhite ||AntikveBlanka ||<tt>FA&nbsp;EB&nbsp;D7</tt>||<tt>250&nbsp;235&nbsp;215</tt>
|-style="background:linen;color:black"
|Linen ||Lina ||<tt>FA&nbsp;F0&nbsp;E6</tt>||<tt>250&nbsp;240&nbsp;230</tt>
|-style="background:lavenderblush;color:black"
|LavenderBlush ||LavendoŜminka ||<tt>FF&nbsp;F0&nbsp;F5</tt>||<tt>255&nbsp;240&nbsp;245</tt>
|-style="background:mistyrose;color:black"
|MistyRose ||BrumRoza ||<tt>FF&nbsp;E4&nbsp;E1</tt>||<tt>255&nbsp;228&nbsp;225</tt>
|-
|colspan=3 style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Grizaj koloroj'''</span>
|-style="background:gainsboro;color:black"
|Gainsboro ||Gajnsbora ||<tt>DC&nbsp;DC&nbsp;DC</tt>||<tt>220&nbsp;220&nbsp;220</tt>
|-style="background:lightgrey;color:black"
|LightGrey ||HelGriza ||<tt>D3&nbsp;D3&nbsp;D3</tt>||<tt>211&nbsp;211&nbsp;211</tt>
|-style="background:silver;color:black"
|Silver ||Arĝenta ||<tt>C0&nbsp;C0&nbsp;C0</tt>||<tt>192&nbsp;192&nbsp;192</tt>
|-style="background:darkgray;color:black"
|DarkGray ||MalhelGriza ||<tt>A9&nbsp;A9&nbsp;A9</tt>||<tt>169&nbsp;169&nbsp;169</tt>
|-style="background:gray;color:black"
|Gray ||Griza ||<tt>80&nbsp;80&nbsp;80</tt>||<tt>128&nbsp;128&nbsp;128</tt>
|-style="background:dimgray;color:white"
|DimGray ||Grizeta ||<tt>69&nbsp;69&nbsp;69</tt>||<tt>105&nbsp;105&nbsp;105</tt>
|-style="background:lightslategray;color:white"
|LightSlateGray ||HelArdezGriza ||<tt>77&nbsp;88&nbsp;99</tt>||<tt>119&nbsp;136&nbsp;153</tt>
|-style="background:slategray;color:white"
|SlateGray ||ArdezGriza ||<tt>70&nbsp;80&nbsp;90</tt>||<tt>112&nbsp;128&nbsp;144</tt>
|-style="background:darkslategray;color:white"
|DarkSlateGray ||MalhelArdezGriza ||<tt>2F&nbsp;4F&nbsp;4F</tt>||<tt>&nbsp;47&nbsp;&nbsp;79&nbsp;&nbsp;79</tt>
|-style="background:black;color:white"
|Black ||Nigra ||<tt>00&nbsp;00&nbsp;00</tt>||<tt>&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</tt>
|}
|}

{{Papero|marĝeno=1|koloro=g|Notinda estas la stranga difino de la koloro {{Skribo|fono=lazura|Lazura&nbsp;(''Azure'')}} ene de tiu ĉi normo. Normalokaze, Lazura aspektu kiel {{Skribo|fono=ĉielbluega|inko=blanka|ĈielBluega&nbsp;(''DeepSkyBlue'')}}.}}
En 2014, la koloro ''rebeccapurple'' (numero #663399) estis aldonita memore al la filino de Eric Meyer Rebecca, kiu mortis pro cerba tumoro dum ŝia sesa naskiĝtago.<ref>{{citaĵo el la reto |url=https://lists.w3.org/Archives/Public/www-style/2014Jun/0312.html |titolo=Re: [CfC] adding 'rebeccapurple' color to CSS Color Level 4 |dato=2014-06-21 |alirdato=2021-04-24 |lingvo=en}}</ref><ref>{{citaĵo el la reto |aŭtoro=Eric Meyer |url=https://meyerweb.com/eric/thoughts/2014/06/19/rebeccapurple/ |titolo=rebeccapurple |dato=2014-06-19 |alirdato=2021-04-24 |lingvo=en}}</ref>

==== Alternativtradukoj ====
Jen alternativaj tradukoj por kelkaj de la supraj laŭnormaj koloroj.

{|border="0"
|-
|colspan=4 style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Alternativaj tradukoj'''</span>
|-
!style="background:lightgrey"|Angla nomo
!style="background:lightgrey"|Nomo
!style="background:lightgrey"|[[Deksesuma sistemo|16-ume]]<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
!style="background:lightgrey"|10-ume<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
|-style="background:fireBrick;color:white"
|FireBrick ||FajroBrika ||<tt>B2&nbsp;22&nbsp;22</tt>||<tt>178&nbsp;&nbsp;34&nbsp;&nbsp;34</tt>
|-style="background:forestgreen;color:white"
|ForestGreen ||ForstVerda ||<tt>22&nbsp;8B&nbsp;22</tt>||<tt>&nbsp;34&nbsp;139&nbsp;&nbsp;34</tt>
|-style="background:tan;color:black"
|Tan ||Tana ||<tt>D2&nbsp;B4&nbsp;8C</tt>||<tt>210&nbsp;180&nbsp;140</tt>
|}

==== Eksternormaj koloroj ====
{{Ankro|hex_please}}La suba tabelo entenas kelkajn popularajn kolorojn, kiuj estas ekster la kolornoma normo de CSS.

{|cellpadding="4"
|-valign="top"
|
{|border="0"
|-
|colspan=4 style="background:whitesmoke;color:slategray;text-align:left"|<span style="font-size:1.2em">'''Eksternormaj koloroj'''</span>
|-
!style="background:lightgrey"|Angla nomo
!style="background:lightgrey"|Nomo
!style="background:lightgrey"|[[Deksesuma sistemo|16-ume]]<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
!style="background:lightgrey"|10-ume<br />[[RVB (kolormodelo)|R &nbsp; V &nbsp; B]]
|-style="background:#FF2400;color:black"
|Scarlet || Skarlata ||<tt>FF&nbsp;24&nbsp;00</tt>||<tt>255&nbsp;&nbsp;36&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:#ff4000;color:black"
|Ginger || Rufa ||<tt>FF&nbsp;40&nbsp;00</tt>||<tt>255&nbsp;&nbsp;64&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:#D70040;color:white"
|Carmine || Karmina ||<tt>D7&nbsp;00&nbsp;40</tt>||<tt>215&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;64</tt>
|-style="background:#F4F0EC;color:black"
|Isabelline ||Izabela ||<tt>F4&nbsp;F0&nbsp;EC</tt>||<tt>244&nbsp;240&nbsp;236</tt>
|-style="background:#E0B0FF;color:black"
|Mauve ||Malva ||<tt>E0&nbsp;B0&nbsp;FF</tt>||<tt>224&nbsp;176&nbsp;255</tt>
|-style="background:#B666D2;color:white"
|Lilac ||Lila ||<tt>B6&nbsp;66&nbsp;D2</tt>||<tt>182&nbsp;102&nbsp;210</tt>
|-style="background:#954535;color:white"
|Chestnut ||Kaŝtana ||<tt>95&nbsp;45&nbsp;35</tt>||<tt>149&nbsp;&nbsp;69&nbsp;&nbsp;53</tt>
|-style="background:#800000;color:white"
|Bordeaux ||Bordoza ||<tt>80&nbsp;00&nbsp;00</tt>||<tt>128&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:#9F8170;color:white"
|Beaver ||Kastora ||<tt>9F&nbsp;81&nbsp;70</tt>||<tt>159&nbsp;139&nbsp;112</tt>
|-style="background:#f0f000;color:black"
|DarkYellow ||MalhelFlava ||<tt>f0&nbsp;f0&nbsp;00</tt>||<tt>240&nbsp;240&nbsp;&nbsp;&nbsp;0</tt>
|-style="background:#CC7722;color:white"
|Ochre ||Okra ||<tt>CC&nbsp;77&nbsp;22</tt>||<tt>204&nbsp;119&nbsp;&nbsp;34</tt>
|-style="background:#704214;color:white"
|Sepia ||Sepia ||<tt>70&nbsp;14&nbsp;22</tt>||<tt>112&nbsp;&nbsp;66&nbsp;&nbsp;20</tt>
|-style="background:#6082B6;color:white"
|Glaucous ||Glaŭka ||<tt>60&nbsp;82&nbsp;B6</tt>||<tt>&nbsp;96&nbsp;130&nbsp;182</tt>
|-style="background:#50C878;color:white"
|Emerald ||Smeralda ||<tt>50&nbsp;C8&nbsp;78</tt>||<tt>&nbsp;80&nbsp;200&nbsp;120</tt>
|-style="background:#120A8F;color:white"
|Ultramarine ||Ultramara ||<tt>12&nbsp;0A&nbsp;8F</tt>||<tt>&nbsp;18&nbsp;&nbsp;10&nbsp;143</tt>
|}
|}

Bordoza estas fakte la CSS-norma marona.

Rufa ŝajnas ekzisti ekster ĉiu ajn kolornormo kaj la rufeco de rufaj haraj sendube varias. Do jen aldono sen iu norma bazo.

==== Klarigo de kelkaj strangaj kolornomoj ====
La nomoj estas parte sufiĉe strangaj kaj mankas iu rigora sistematiko. Kiam kaj kiel kelkaj nomoj nomiĝis estas parte tre obskure. Pri kelkaj tamen oni povas trovi informojn.

{| cellpadding=2
|-
! style="background-color:{{E-koloroj|helgriza}}" | Koloro
! style="background-color:{{E-koloroj|helgriza}}" | Klarigo
|-
| style="background-color:AliceBlue" | ''AliceBlue''<br />AlicBlua
| Alica tie ĉi estas [[Alice Roosevelt Longworth]]<ref group=Vidu>[[:en:Alice Roosevelt Longworth|Alice Roosevelt Longworth]] en la Angla Vikipedio</ref>, filino de [[Theodore Roosevelt]]. Ŝi popularigis tiun ĉi koloron kaj tiel eklanĉis kolormodon.
|-
| style="background-color:Aqua" | ''Aqua''<br />Akva
| Tiu nomo estas mallongigo de ''aquamarine''. Temas pri laborĉirkaŭaĵa ĵargonaĵo ofte uzata inter presistoj. La plena nomo aludas al la mineralo [[akvamarino]], kiu estas travidebla, verde blua gemo, variaĵo de kristala [[berilo]]. La nomo signifas ''akvo de la maro''. Tamen en la listo la koloroj ''akva'' kaj ''akvamarina'' signifike diverĝas.
|-
| style="background-color:Bisque" | ''Bisque''<br />Biskvita
| Laŭŝajne jen aludo al biskvita [[porcelano]].
|-
| style="background-color:BlanchedAlmond" | ''BlanchedAlmond''<br />BrogMigdala
| Aludas al la koloro de [[migdalo]]j, post kiam oni brogis ilin sufiĉe longdaŭre por moligi la ŝelojn. Dum tiu procedo ili paliĝas.
|-
| style="background-color:BurlyWood" | ''BurlyWood''<br />BukloLigna
| Arboj havas ofte tumorojn kaŭzitajn de bakterioj. La ligno de tiuj ĉi tumoraj bukloj estas parte pli valora ol la normala ligno de la arbo kaj uziĝas por fabriki pipkapojn. Kial la koloro ricevis la nomon bukloligno, ne estas konate.
|-
| style="background-color:CadetBlue; color:white" | ''CadetBlue''<br />KadetBlua
| Supozeble kadetuniforma koloro, sed ne klare de kiulandaj kadetoj kaj kiam. Nomo jam delonge uzata.
|-
| style="background-color:Chartreuse" | ''Chartreuse''<br />Kartuzia
| Jen la koloro de populara franca [[likvoro]] prae pretigita de la [[Kartuzianoj]], katolika ordeno, kiu fondiĝis en la franca montara regiono [[Kartuzio]] (''Chartreuse'').
|-
| style="background-color:CornSilk" | ''CornSilk''<br />MaizSilka
| Ne temas pri iuspeca aŭtenta [[silko]]. Temas pri la koloro de la silkecaj polenricevaj stigmoj ĉe inaj [[maizo|maizplantoj]].
|-
| style="background-color:DodgerBlue; color:white" | ''DodgerBlue''<br />DoĝerBlua
| Aludas al la emblema koloro de la bazpilka teamo — ''The Los Angeles Dodgers''.
|-
| style="background-color:Gainsboro" | ''Gainsboro''<br />Gajnsbora
| Nekonate. Tamen ĝis 1966 ekzistis Brita porcelanfabrikanto kun la tre populara marko ''Queen Anne''. Tiu vendis ĝuste ĉi-grize dekoratan servicon kun la modelnomo ''Gainsborough (Gray)''.
|-
| style="background-color:HoneyDew" | ''HoneyDew''<br />MielRosa
| Laŭŝajne tio aludas al la koloro de la fruktaĵo de mielrosa [[melono]], specifa kulturvario de melono.
|-
| style="background-color:LavenderBlush" | ''LavenderBlush''<br />LavendoŜminka
| La ''blush'' aludas ĉi tie al [[ŝminko]] por beligi la vangojn de virinoj.
|-
| style="background-color:Magenta" | ''Magenta''<br />Magenta
| La nomo de itala loko, kie oni prae trovis fuksinon. La laŭnormaj koloroj magenta kaj fuksina estas identaj.
|-
| style="background-color:MintCream" | ''MintCream''<br />MentKrema
| Laŭŝajne la koloro de kirlita kremo kun mento, aŭ de la likvoro ''Crème de menthe''<ref group=Vidu>[[:en:Crème de menthe|Mentkremo]] en la Angla Vikipedio</ref> (blanka), ingredienco de la koktelo ''[[Stinger]]''.<ref group=Vidu>[[:fr:Stinger (cocktail)|Stinger]] en la Franca Vikipedio</ref>
|-
| style="background-color:NavajoWhite" | ''NavajoWhite''<br />NavajoBlanka
| Temas laŭŝajne pri la koloro de [[sabloŝtono|sabloŝtonaj]] [[klifo]]j en la regiono, kie la [[Navahoj]] iam vivis kaj hodiaŭ nomiĝas laŭ ili.
|-
| style="background-color:Navy; color:white" | ''Navy''<br />Mararmea
| Jen tre malhela bluo, parto de la blua kaj blanka uniformo de la Brita Reĝa Mararmeo jam ekde [[1748]].
|-
| style="background-color:Orchid" | ''Orchid''<br />Orkida
| Tiu venas de la florfamilio [[orkido]], Angle ''orchid''.
|-
| style="background-color:PapayaWhip" | ''PapayaWhip''<br />PapajŜaŭma
| Laŭŝajne kirlita kremo kun [[papajo]].
|-
| style="background-color:PeachPuff" | ''PeachPuff''<br />PersikPufa
| Bakaĵeto, kiu bake pufiĝas kaj entenas kirlitan kremaĵon kaj tranĉaĵon de [[persiko]].
|-
| style="background-color:Peru" | ''Peru''<br />Perua
| Tiu ĉi koloro nomiĝis jam de 1924 Perua bruno (''peruvian brown'').<ref>Maerz and Paul ''A Dictionary of Color'' New York:1930 McGraw-Hill Page 201; Color Sample of Peruvian Brown: Page 49 Plate 13 Color Sample L11—The color Peru shown above matches the color sample in the book</ref> Oni ŝanĝis la nomon por X11 en 1987.
|-
| style="background-color:PowderBlue" | ''PowderBlue''<br />PulvoBlua
| La nomo aludas al polvigita blua vitro, el kio oni pretigis bluan farbon por pentrado.
|-
| style="background-color:RoyalBlue; color:white" | ''RoyalBlue''<br />ReĝBlua
| Onidire jen koloro, kiu venkis en konkurso trovi koloron por nova robo por la Brita reĝino [[Charlotte de Mecklenburg-Strelitz]]<ref group=Vidu>[[:en:Charlotte of Mecklenburg-Strelitz|Charlotte of Mecklenburg-Strelitz]] en la Angla Vikipedio</ref>, edzino de reĝo [[Georgo la 3-a (Britio)|Georgo la 3-a]].
|-
| style="background-color:Sienna; color:white" | ''Sienna''<br />Siena
| En la itala urbo [[Sieno]] oni povas trovi [[argilo]]n ĉi-koloran.
|-
| style="background-color:Tan" | ''Tan''<br />Tanina
| Jen la koloro de [[tanino]] uzata por tani peltojn.
|-
| style="background-color:Teal; color:white" | ''Teal''<br />Kreka
| Onidire laŭ la koloro ĉirkaŭ la okuloj de la anasa specio [[kreko]].
|}
{{Linio|diko=4|helgriza}}
La plej multaj el la supraj informoj venas de la Angla Vikipedio.<ref group=Vidu>[[:en:Web colors|Web colors]] en la Angla Vikipedio</ref>

=== Praktika aplikoj ===
==== En HTML ====
Estas diversaj ebloj elekti kolorojn en HTML. Prae tio estis pure HTML-a afero, sed intertempe oni aldonis eksterajn stilfoliojn, per kiuj oni povas kvazaŭ centre, unuloke difini la kompletan stilon de specifa HTML-a elemento. Al tio apartenas ankaŭ la elekto de specifaj koloroj. Do hodiaŭ oni preferas difini kolorojn ene aŭ de stilfolio, aŭ ene de ĉeloka formulado <nowiki>style="..."</nowiki>.

Tamen tre malnova, ankoraŭ valida formulaĵo en HTML 5 rilatas al la fona koloro de tuta paĝo. Jen ekzemplo:
<pre>
<body bgcolor="blue">
</pre>

==== En CSS ====
Multaj nomoj por koloroj estas difinitaj. Jen ekzemploj:
<syntaxhighlight lang="css">
p { color: navy; /* mararmea (tre malhela bluo) */ }
p { color: red; /* ruĝa */ }
TD { background-color: yellow; /* flava */}
</syntaxhighlight>

==== En Vikipedio ====
{{Tabulo|koloro=bisque|ombro=sandybrown|inko=maroon|'''Hello world!'''}}
La Vikipedia sistemo, baziĝanta sur HTML kaj CSS, evidente same komprenas la kolornomojn supre enlistigitajn. Tio estas grava rilate ŝablonojn. Jen ekzemplo de la uzo de la Anglaj por-TTT-aj kolornomoj:

{{Skribo|fono=HelCejana|1=<nowiki>{{Tabulo|koloro=bisque|ombro=sandybrown|inko=maroon|'''Hello World!'''}}</nowiki>}}

{{Tabulo|koloro=biskvita|ombro=sablobruna|inko=marona|'''Saluton mondo!'''}}
Ŝablonoj uzantaj interne la subŝablonojn [[Ŝablono:RGB]] aŭ [[Ŝablono:E-koloroj]] akceptas eĉ Esperantajn kolornomojn laŭ la tabelo en ĉi tiu artikolo. Jen ekzemplo de la uzo de Esperantaj por-TTT-aj kolornomoj laŭ la supraj difinoj:

{{Skribo|fono=HelCejana|1=<nowiki>{{Tabulo|koloro=biskvita|ombro=sablobruna|inko=marona|'''Saluton mondo!'''}}</nowiki>}}

Estas notinde, ke la du menciitaj kolorŝablonoj akceptas diversajn formuladojn — ekz. helverda, hele verda, heleverda, hela verdo.

== Koloroj laŭ valoroj ==
=== Kolorspaco ===
==== RGB (RVB) ====
Kolorojn, eĉ se ne plene ĉiujn, oni povas vidigi per miksado de la tri primarkoloroj — Ruĝo (''Red''), Verdo (''Green'') kaj Bluo (''Blue''). Jen tridimensia spaco, do kubo.
<br />
{| 
| [[Dosiero:AdditiveColor.svg|200px|maldekstra]]
| 
| [[Dosiero:RGB farbwuerfel.jpg|eta|centra|500px|<center>'''Kolorkubo'''</center>]]
<center><math>\mathrm{Koloro} = \langle R, G, B\rangle</math></center>
|}

[[Dosiero:CIExy1931 srgb gamut.png|300px|dekstra|eta|'''Atingeblaj kolorecoj de tipa katodfaska tubo''']]
Do laŭeble aparato miksu tri purajn unufrekvencajn spektrajn kolorojn, ekzemple — spektra ruĝo, spektra verdo, kaj spektra bluo — povigante ĝin vidigi ĉiujn kolorojn ene de la ĉi-laŭa kolorspaca kubo. Tamen ĉe tio, eĉ uzante tri aŭtente purajn spektrajn primarajn kolorojn devene de laseroj, ne ĉiuj miksitaj koloroj atingas la kvaliton de la koloroj laŭ la spekto. Alivorte, mikso el ruĝa kaj verda, do flava, ne atingas spektran flavan. Same pri verda kaj blua kaj la rezultanta cejana.

Tion oni tre klare vidas, se oni apartigas la kolorecon de la lumeco de la montreblaj koloroj kaj pritraktas kolorecojn en propra diagramo, en la tiel nomata ĉevalŝua diagramo.

{{Parenteze|Parenteze, rilate la mikskoloron ''magenta'' statas iomete alia. La koloroj laŭ la tiel nomata purpurlinio baze de la ĉevalŝua diagramo tute ne estas koloroj de la spektro. Ili estiĝas nur kiel miksaĵo en la okulo — pli precize, en la cerbo — de la observanto. Alivorte spektra koloro ''magenta'' tute ne ekzistas!}}

En la apuda diagramo la grizigita ĉevalŝuforma areo estas la tuta skalo de entute eblaj kolorecoj, (montrataj per koordinatoj laŭ CIE 1931). Puraj spektraj koloroj havas kolorecojn laŭ la kurba bordo de la ĉevalŝuo. Oni povas vidi, ke eĉ per triangulo kun ĉiupinte unu el tri puraj spektraj primaraj koloroj ne estas eble enteni la tutan ĉevalŝuan areon. En la praktiko, okaze de vidigilo kia ajn, plej ofte eĉ la uzataj primaraj koloroj ne estas spektraj, do oni atingas eĉ malpli ol teorie eble.

Diagrame la kolora triangulo montras la kolorspacon fakte montrebla de tipa malnova katodfask-tuba komputila vidigilo kaj, vidate, ĝi ĉirkaŭbrakumas nek la tutan kolorspacon de la ĉevalŝuo, nek nur la areon de kiel eble plej granda triangulo ene de la ĉevalŝuo. Notinde estas, ke LED-ekranoj en 2012 plej ofte ne atingas eĉ tiun gamuton (kolorspacon).
{{-|right}}

==== sRGB ====
Estas evidente, ke aparato povas vere precize konstrui specifan volatan koloron per mikso de ''R'' (ruĝa), ''G'' (verda) kaj ''B'' (blua), nur se la kolorecoj de la uzataj primaraj kolorfontoj — kiaj ajn — estas difinitaj. La dua postulo estas, memkompreneble, ke por sukcesi ĉe ĉio ĉi, la celata koloro devas troviĝi kolorece ene de la triangulo ∆RGB sur la ĉevalŝua diagramo kaj ĝia lumeco devas troviĝi ene de la antaŭvidata gamo de lumecoj.

Aldona eĉ pli grava problemo rilatas al la fakto, ke la kolorfontoj — kiaj ajn — de tipaj ekranoj por komputiloj, same kiel por televidiloj, ne lineare reagas al specifa regvaloro. La kompensadon de tiu nelineareco, fakte temas pri funkcioj respektive preskaŭ kvadrata kaj preskaŭ kvadratradika, oni nomas ''gama''-korektado. Jen la formulo supozante valorojn inter 0 kaj 1.0.

:<math>V_{\text{el}} = {V_{\text{en}}}^{\gamma}</math>

Okaze de koloroj por TTT, oni simple supozas, ke la vidigilo uzos specifajn primarajn kolorecojn kaj havas specifan nelinearecon, do gama-sintenon de proksimume 2.2 por ĉiu el la tri kolorfontoj.

{{Parenteze|Tia nelineareco ne estas iuspeca principa difekto de vidigiloj. Tute male. Temas pri tre dezirata sinteno por helpi pri la kompensado necesa por speco de interna ''gama''-funkcio de la homa okulo. Se oni pritraktas grizŝtuparan testbildon, la okulo povas ege pli bone apartigi la malhelajn grizŝtupojn, unu de alia, ol la helajn. La okulo simple ne povas ekkoni fajnajn heldiferencojn de ŝtupoj, se temas pri helaj ŝtupoj. Do cifereca vidsistemo devas jam principe provizi pli da koderoj por distingi la malhelajn grizŝtupojn, unu de alia, kaj malpli da koderoj por distingi la helajn grizŝtupojn. Provizi multe da apartaj valoroj por la helaj ŝtupoj estus plena malŝparo de koderoj. Ĝuste tiuspeca ĝustadirekta kaj dezirata tordado de la lineareco de la kodado okazas, se oni kompensas la ''gama''-funkcion de tipa vidigilo. Alivorte, se la vidigilo ne havus tian ''gama''-funkcion, oni devus enkonduki ĝin por ne malŝpari bitojn de la kodado.}}

IEC 61966-2-1:1999 estas la oficiala specifado de sRGB. Ĝi donas la spektadmedian ĉirkaŭlumetan situacion, la kodadon kaj la kolorometriajn detalojn. Hodiaŭ (2012) ĉiuj fabrikantoj strebas konstrui siajn vidigilojn en akordo kun tiu specifado. Kiam tio konstrue ne rekte eblas, oni aldonas programaron por transformi inter la sinteno fakta kaj la sinteno postulata. Por pli fajna alĝustigo necesas provizi uzanto-programon por koloradministrado (''color management'').

Tre krita estas la preparado de presotaj kolorbildoj. Evidente tiuj laŭeble same aspekte komputilekrane (sRGB), kiel poste kvarkolore presita sur papero (CMYK). Fakte tuta ĉeno devas kolorometrie perfekte harmonii — fotilo, komputilo, presilo.

==== Sekuraj kolorvaloroj ====
Naskiĝis la ideo, ke troviĝas 216 specifaj koloroj, kiuj estis sur la plej multaj vidigiloj montreblaj, sen la neceso, ke la krozilo prezentas ilin surogate kiel bilderan mikson el du fakte teknike eblaj koloroj. Alivorte, prezentado sen punktismo (''dithering''). Relative rapide oni pli aŭ malpli rezignis pri tiu ĉi sekura paletro, ĉar oni konstatis, ke punktismo pro diversaj kialoj tamen ekestis.

Kiel sekvo oni difinis kelkajn kolorojn el la nur supozeble sekura 216-kolora paletro, speciale sekuraj, do sekuregaj. Tiuj vere ne eklanĉu punktismon.

{{Parenteze|En la suba tabelo de TTT-e sekuraj koloroj, ĉiu koloro enlistigas per mallongigo por la RGB-valoroj. Ekz. la kodo 609 estas speco de por CSS novdate enkondukita, nur 3-cifera stenografiaĵo por la 3-bitoka, 6-cifera, deksesuma #660099, jen rgb(102,0,153).<ref>[http://www.colorhexa.com/660099 #660099 Color Information]</ref>. Per tiaj stenoj oni povas difini 4,096 koloroj, tio egalus al la paletro de 12-bita kolorgenerilo. El tiuj eblaj difinoj, tamen, nur 216 estas TTT-e, fakte krozile kaj vidigile, sekuraj.}}

Jen ĉiuj sekuraj koloroj kun la sekuregaj el tiuj subliniitaj.

<div align="center">
{| class="wikitable" style="color:white; width:90%; text-align:center;"
|+ style="color: black;" | '''TTT-sekuraj koloroj'''
| style="width:16%; background: #000;" class="mw-no-invert" | *000*
| style="width:16%; background: #300;" class="mw-no-invert" | 300
| style="width:16%; background: #600;" class="mw-no-invert" | 600
| style="width:16%; background: #900;" class="mw-no-invert" | 900
| style="width:16%; background: #C00;" class="mw-no-invert" | C00
| style="width:16%; background: #F00;" class="mw-no-invert" | *F00*
|-
| style="background: #003;" class="mw-no-invert" | *003*
| style="background: #303;" class="mw-no-invert" | 303
| style="background: #603;" class="mw-no-invert" | 603
| style="background: #903;" class="mw-no-invert" | 903
| style="background: #C03;" class="mw-no-invert" | C03
| style="background: #F03;" class="mw-no-invert" | *F03*
|-
| style="background: #006;" class="mw-no-invert" | 006
| style="background: #306;" class="mw-no-invert" | 306
| style="background: #606;" class="mw-no-invert" | 606
| style="background: #906;" class="mw-no-invert" | 906
| style="background: #C06;" class="mw-no-invert" | C06
| style="background: #F06;" class="mw-no-invert" | F06
|-
| style="background: #009;" class="mw-no-invert" | 009
| style="background: #309;" class="mw-no-invert" | 309
| style="background: #609;" class="mw-no-invert" | 609
| style="background: #909;" class="mw-no-invert" | 909
| style="background: #C09;" class="mw-no-invert" | C09
| style="background: #F09;" class="mw-no-invert" | F09
|-
| style="background: #00C;" class="mw-no-invert" | 00C
| style="background: #30C;" class="mw-no-invert" | 30C
| style="background: #60C;" class="mw-no-invert" | 60C
| style="background: #90C;" class="mw-no-invert" | 90C
| style="background: #C0C;" class="mw-no-invert" | C0C
| style="background: #F0C;" class="mw-no-invert" | F0C
|-
| style="background: #00F;" class="mw-no-invert" | *00F*
| style="background: #30F;" class="mw-no-invert" | 30F
| style="background: #60F;" class="mw-no-invert" | 60F
| style="background: #90F;" class="mw-no-invert" | 90F
| style="background: #C0F;" class="mw-no-invert" | C0F
| style="background: #F0F;" class="mw-no-invert" | *F0F*
|-
| style="background: #030;" class="mw-no-invert" | 030
| style="background: #330;" class="mw-no-invert" | 330
| style="background: #630;" class="mw-no-invert" | 630
| style="background: #930;" class="mw-no-invert" | 930
| style="background: #C30;" class="mw-no-invert" | C30
| style="background: #F30;" class="mw-no-invert" | F30
|-
| style="background: #033;" class="mw-no-invert" | 033
| style="background: #333;" class="mw-no-invert" | 333
| style="background: #633;" class="mw-no-invert" | 633
| style="background: #933;" class="mw-no-invert" | 933
| style="background: #C33;" class="mw-no-invert" | C33
| style="background: #F33;" class="mw-no-invert" | F33
|-
| style="background: #036;" class="mw-no-invert" | 036
| style="background: #336;" class="mw-no-invert" | 336
| style="background: #636;" class="mw-no-invert" | 636
| style="background: #936;" class="mw-no-invert" | 936
| style="background: #C36;" class="mw-no-invert" | C36
| style="background: #F36;" class="mw-no-invert" | F36
|-
| style="background: #039;" class="mw-no-invert" | 039
| style="background: #339;" class="mw-no-invert" | 339
| style="background: #639;" class="mw-no-invert" | 639
| style="background: #939;" class="mw-no-invert" | 939
| style="background: #C39;" class="mw-no-invert" | C39
| style="background: #F39;" class="mw-no-invert" | F39
|-
| style="background: #03C;" class="mw-no-invert" | 03C
| style="background: #33C;" class="mw-no-invert" | 33C
| style="background: #63C;" class="mw-no-invert" | 63C
| style="background: #93C;" class="mw-no-invert" | 93C
| style="background: #C3C;" class="mw-no-invert" | C3C
| style="background: #F3C;" class="mw-no-invert" | F3C
|-
| style="background: #03F;" class="mw-no-invert" | 03F
| style="background: #33F;" class="mw-no-invert" | 33F
| style="background: #63F;" class="mw-no-invert" | 63F
| style="background: #93F;" class="mw-no-invert" | 93F
| style="background: #C3F;" class="mw-no-invert" | C3F
| style="background: #F3F;" class="mw-no-invert" | F3F
|-
| style="background: #060;" class="mw-no-invert" | 060
| style="background: #360;" class="mw-no-invert" | 360
| style="background: #660;" class="mw-no-invert" | 660
| style="background: #960;" class="mw-no-invert" | 960
| style="background: #C60;" class="mw-no-invert" | C60
| style="background: #F60;" class="mw-no-invert" | F60
|-
| style="background: #063;" class="mw-no-invert" | 063
| style="background: #363;" class="mw-no-invert" | 363
| style="background: #663;" class="mw-no-invert" | 663
| style="background: #963;" class="mw-no-invert" | 963
| style="background: #C63;" class="mw-no-invert" | C63
| style="background: #F63;" class="mw-no-invert" | F63
|-
| style="background: #066;" class="mw-no-invert" | 066
| style="background: #366;" class="mw-no-invert" | 366
| style="background: #666;" class="mw-no-invert" | 666
| style="background: #966;" class="mw-no-invert" | 966
| style="background: #C66;" class="mw-no-invert" | C66
| style="background: #F66;" class="mw-no-invert" | F66
|-
| style="background: #069;" class="mw-no-invert" | 069
| style="background: #369;" class="mw-no-invert" | 369
| style="background: #669;" class="mw-no-invert" | 669
| style="background: #969;" class="mw-no-invert" | 969
| style="background: #C69;" class="mw-no-invert" | C69
| style="background: #F69;" class="mw-no-invert" | F69
|-
| style="background: #06C;" class="mw-no-invert" | 06C
| style="background: #36C;" class="mw-no-invert" | 36C
| style="background: #66C;" class="mw-no-invert" | 66C
| style="background: #96C;" class="mw-no-invert" | 96C
| style="background: #C6C;" class="mw-no-invert" | C6C
| style="background: #F6C;" class="mw-no-invert" | F6C
|-
| style="background: #06F;" class="mw-no-invert" | 06F
| style="background: #36F;" class="mw-no-invert" | 36F
| style="background: #66F;" class="mw-no-invert" | 66F
| style="background: #96F;" class="mw-no-invert" | 96F
| style="background: #C6F;" class="mw-no-invert" | C6F
| style="background: #F6F;" class="mw-no-invert" | F6F
|- style="color: black;"
| style="background: #090;" class="mw-no-invert" | 090
| style="background: #390;" class="mw-no-invert" | 390
| style="background: #690;" class="mw-no-invert" | 690
| style="background: #990;" class="mw-no-invert" | 990
| style="background: #C90;" class="mw-no-invert" | C90
| style="background: #F90;" class="mw-no-invert" | F90
|- style="color: black;"
| style="background: #093;" class="mw-no-invert" | 093
| style="background: #393;" class="mw-no-invert" | 393
| style="background: #693;" class="mw-no-invert" | 693
| style="background: #993;" class="mw-no-invert" | 993
| style="background: #C93;" class="mw-no-invert" | C93
| style="background: #F93;" class="mw-no-invert" | F93
|- style="color: black;"
| style="background: #096;" class="mw-no-invert" | 096
| style="background: #396;" class="mw-no-invert" | 396
| style="background: #696;" class="mw-no-invert" | 696
| style="background: #996;" class="mw-no-invert" | 996
| style="background: #C96;" class="mw-no-invert" | C96
| style="background: #F96;" class="mw-no-invert" | F96
|- style="color: black;"
| style="background: #099;" class="mw-no-invert" | 099
| style="background: #399;" class="mw-no-invert" | 399
| style="background: #699;" class="mw-no-invert" | 699
| style="background: #999;" class="mw-no-invert" | 999
| style="background: #C99;" class="mw-no-invert" | C99
| style="background: #F99;" class="mw-no-invert" | F99
|- style="color: black;"
| style="background: #09C;" class="mw-no-invert" | 09C
| style="background: #39C;" class="mw-no-invert" | 39C
| style="background: #69C;" class="mw-no-invert" | 69C
| style="background: #99C;" class="mw-no-invert" | 99C
| style="background: #C9C;" class="mw-no-invert" | C9C
| style="background: #F9C;" class="mw-no-invert" | F9C
|- style="color: black;"
| style="background: #09F;" class="mw-no-invert" | 09F
| style="background: #39F;" class="mw-no-invert" | 39F
| style="background: #69F;" class="mw-no-invert" | 69F
| style="background: #99F;" class="mw-no-invert" | 99F
| style="background: #C9F;" class="mw-no-invert" | C9F
| style="background: #F9F;" class="mw-no-invert" | F9F
|- style="color: black;"
| style="background: #0C0;" class="mw-no-invert" | 0C0
| style="background: #3C0;" class="mw-no-invert" | 3C0
| style="background: #6C0;" class="mw-no-invert" | 6C0
| style="background: #9C0;" class="mw-no-invert" | 9C0
| style="background: #CC0;" class="mw-no-invert" | CC0
| style="background: #FC0;" class="mw-no-invert" | FC0
|- style="color: black;"
| style="background: #0C3;" class="mw-no-invert" | 0C3
| style="background: #3C3;" class="mw-no-invert" | 3C3
| style="background: #6C3;" class="mw-no-invert" | 6C3
| style="background: #9C3;" class="mw-no-invert" | 9C3
| style="background: #CC3;" class="mw-no-invert" | CC3
| style="background: #FC3;" class="mw-no-invert" | FC3
|- style="color: black;"
| style="background: #0C6;" class="mw-no-invert" | 0C6
| style="background: #3C6;" class="mw-no-invert" | 3C6
| style="background: #6C6;" class="mw-no-invert" | 6C6
| style="background: #9C6;" class="mw-no-invert" | 9C6
| style="background: #CC6;" class="mw-no-invert" | CC6
| style="background: #FC6;" class="mw-no-invert" | FC6
|- style="color: black;"
| style="background: #0C9;" class="mw-no-invert" | 0C9
| style="background: #3C9;" class="mw-no-invert" | 3C9
| style="background: #6C9;" class="mw-no-invert" | 6C9
| style="background: #9C9;" class="mw-no-invert" | 9C9
| style="background: #CC9;" class="mw-no-invert" | CC9
| style="background: #FC9;" class="mw-no-invert" | FC9
|- style="color: black;"
| style="background: #0CC;" class="mw-no-invert" | 0CC
| style="background: #3CC;" class="mw-no-invert" | 3CC
| style="background: #6CC;" class="mw-no-invert" | 6CC
| style="background: #9CC;" class="mw-no-invert" | 9CC
| style="background: #CCC;" class="mw-no-invert" | CCC
| style="background: #FCC;" class="mw-no-invert" | FCC
|- style="color: black;"
| style="background: #0CF;" class="mw-no-invert" | 0CF
| style="background: #3CF;" class="mw-no-invert" | 3CF
| style="background: #6CF;" class="mw-no-invert" | 6CF
| style="background: #9CF;" class="mw-no-invert" | 9CF
| style="background: #CCF;" class="mw-no-invert" | CCF
| style="background: #FCF;" class="mw-no-invert" | FCF
|- style="color: black;"
| style="background: #0F0;" class="mw-no-invert" | *0F0*
| style="background: #3F0;" class="mw-no-invert" | 3F0
| style="background: #6F0;" class="mw-no-invert" | *6F0*
| style="background: #9F0;" class="mw-no-invert" | 9F0
| style="background: #CF0;" class="mw-no-invert" | CF0
| style="background: #FF0;" class="mw-no-invert" | *FF0*
|- style="color: black;"
| style="background: #0F3;" class="mw-no-invert" | 0F3
| style="background: #3F3;" class="mw-no-invert" | *3F3*
| style="background: #6F3;" class="mw-no-invert" | *6F3*
| style="background: #9F3;" class="mw-no-invert" | 9F3
| style="background: #CF3;" class="mw-no-invert" | CF3
| style="background: #FF3;" class="mw-no-invert" | *FF3*
|- style="color: black;"
| style="background: #0F6;" class="mw-no-invert" | *0F6*
| style="background: #3F6;" class="mw-no-invert" | *3F6*
| style="background: #6F6;" class="mw-no-invert" | 6F6
| style="background: #9F6;" class="mw-no-invert" | 9F6
| style="background: #CF6;" class="mw-no-invert" | *CF6*
| style="background: #FF6;" class="mw-no-invert" | *FF6*
|- style="color: black;"
| style="background: #0F9;" class="mw-no-invert" | 0F9
| style="background: #3F9;" class="mw-no-invert" | 3F9
| style="background: #6F9;" class="mw-no-invert" | 6F9
| style="background: #9F9;" class="mw-no-invert" | 9F9
| style="background: #CF9;" class="mw-no-invert" | CF9
| style="background: #FF9;" class="mw-no-invert" | FF9
|- style="color: black;"
| style="background: #0FC;" class="mw-no-invert" | *0FC*
| style="background: #3FC;" class="mw-no-invert" | *3FC*
| style="background: #6FC;" class="mw-no-invert" | 6FC
| style="background: #9FC;" class="mw-no-invert" | 9FC
| style="background: #CFC;" class="mw-no-invert" | CFC
| style="background: #FFC;" class="mw-no-invert" | FFC
|- style="color: black;"
| style="background: #0FF;" class="mw-no-invert" | *0FF*
| style="background: #3FF;" class="mw-no-invert" | *3FF*
| style="background: #6FF;" class="mw-no-invert" | *6FF*
| style="background: #9FF;" class="mw-no-invert" | 9FF
| style="background: #CFF;" class="mw-no-invert" | CFF
| style="background: #FFF;" class="mw-no-invert" | *FFF*
|}
</div>

=== Praktikaj aplikoj ===
==== En HTML ====
Ekzistis ĉiam la eblo difini koloron ankaŭ kiel kolormikso laŭ la RGB-modelo - do RVB: ruĝa, verda, blua. Tion oni faras tamen deksesume (hekse). Ĉi-cele oni uzas po unu bitokon (bajton) por ĉiu koloro. Jen po 256 ŝtupoj por ĉiu primara koloro, do sume pli ol 16 milionoj da koloroj. La ŝtupoj etendiĝas por ĉiu koloro deksesume (hekse) de 0 ĝis ff, do decimale de 0 ĝis 255. Blanka, la mikso el ĉiuj tri koloroj, estas laŭ tiu formulado #ffffff, ruĝa #ff000, flava=#ffff00, verda #00ff00, cejana #00ffff, blua #0000ff, magenta #ff00ff, nigra #000000.

Jen blufona ekzemplo.
<pre>
<body bgcolor="#0000ff">
</pre>

==== En CSS ====
La plej novaj kroziloj ne nur bone prilaboras paĝojn laŭ HTML 4.01, sed parte eĉ jam laŭ HTML 5. Aldone, jam delonge oni preferas uzi [[CSS|stilfoliojn]] (''cascaded style sheets'') por elekti kolorojn ktp, nome po ĉiu tipo de HTML-elemento, kaj ne plu individue en ĉiu elemento mem. Stilfolioj postulas uzi iomete alispecajn formuladojn kaj komandojn laŭ la normo CSS. Tamen rilate kolornomojn mem, nenio ŝanĝiĝas pro tio.

Ekzistas diversaj manieroj kodi kolorojn en CSS.

===== RGB-Kolormodelo (RVB) =====
Koloroj de la [[RVB (kolormodelo)|RGB-kolormodelo]] (RVB) estas difineblaj laŭ pluraj metodoj:
*deksesume tricifere de 000-FFF, speco de mallongigo,
*deksesume sescifere, do tribajte de 000000-FFFFFF,
*decimale de 0-255
*decimale procente de 0%-100%.
Jen ekzemploj de la postulata sintakso:
<syntaxhighlight lang="css">
p { color: #F00 } /* #rgb — mallongigo, kiu aŭtomate duobligas la ciferojn al #FF0000*/
p { color: #FF0000 } /* #rrggbb */
p { color: rgb(255, 0, 0) } /* entjeroj 0 - 255 */
p { color: rgb(100%, 0%, 0%) } /* procentaj aldonoj 0,0 % - 100,0 % */
</syntaxhighlight>
Intertempe, ĉiuj vidigiloj fakte obeu al la specifado sRGB jam menciita. Do kaj R, kaj G, kaj B estas difinitaj. Aldone oni antaŭsupozas specifan ''gama''-korektadon necesa.

====== RGBA ======
RGBA ne estas nova modelo, temas pri la RGB-modelo kun aldona kvara parametro — la tielnomata ''alfa''-kanalo. Pro tio la litero ''A''. Tiu kvara valoro uziĝas por difini la travideblecon de la generota kolortavolo rilate iujn fonaĵojn. La gradon de maltravideblo, do de opakeco, oni difinas kiel decimala kunpunkta valoro inter 0.0 kaj 1.0. Ĉe tio 0.0 signifas nulan opakeco, do plenan travideblon.

<syntaxhighlight lang="css">
p { color: rgba(64, 0, 0, 0.7) } /* 0.7 = 70 % opakeco - specifita en CSS 3 */
</syntaxhighlight>

===== HSL-Kolormodelo =====
La HSL-kolormodelo baziĝas sur Kolornuanco (''hue''), Satureco (''saturation'') kaj Heleco (''lightness'').

Tiu modelo apartigas la kolorecan informon de la lumeca informo. Temas pri koloreco konsistanta el kolornuanco (''hue'') kaj satureco (''saturation'') kaj heleco (''lightness'').

{{Parenteze|La kolornuanco estas angulo inter 0 gradoj, ruĝa, cirkle tra ĉiuj aliaj eblaj kolornuancoj, do ruĝo, flavo, verdo, cejano, bluo, magento, ĝis 360 gradoj, do denove returne al 0 gradoj kaj ree al ruĝo. La satureco oni donas per procentoj. 100% estas la pura spektra koloro mem, tio estas, laŭ kapablo de la vidigilo. La transiro de 100% al 0% kondukas al ĉiam pli senkoloraj versioj de la sama kolornuanco kaj finiĝas ĉe senkolora grizo kun la sama objektiva heleco kiel la pura kolornuanco havas.

Tiaj kolorsistemoj estas tamen ne tute senproblemaj. Unue ne estas tute klare, kiel el la kolornuancoj iĝu cirklo, fakte devus temi pri sesangulo. Nome, depende de la kalkulmetodo uzata por la transformado la kolorangulo povas konsiderinde diverĝi. Due oni plene ignoras la subjektivan helecon de koloroj. La plej malhela primara koloro estas bluo. Nome, kompare al 100W-a blanka ampolo, same konstruita 100W-a blua ampolo havas subjektive nur ĉirkaŭ 10% de la heleco de sia blanka parenco. Ĝi fakte lumas precize same hele per la 100 vatoj, kiujn ĝi konsumas, sed homoj ne vidas tion tiel. Oni devus nutri la bluan ampolon per 1kW {!} por atingi subjektive la saman helecon kiel ĉe la 100W-a blanka ampolo.}}

Koloroj laŭ la [[HSL (kolorsistemo)|HSL-kolormodelo]] povas esti notataj laŭ [[CSS|CSS 3]] kiel sekvas<ref>http://www.css3.info/preview/hsla/</ref>:
<syntaxhighlight lang="css">
p { color: hsl(120, 100%, 50%) } /* verda */
p { color: hsl(120, 100%, 25%) } /* malhelverda */
p { color: hsl(120, 100%, 75%) } /* helverda */
p { color: hsl(120, 50%, 50%) } /* palverda */
</syntaxhighlight>

====== HSLA ======
Simile kiel ĉe RGB oni povas doni kvaran opakecan parametron al HSL per HSLA-difino. Denove, 1.0 estas plene opaka, do ne travidebla, kaj 0.0 estas plene travidebla. Jen ekzemplo.

<syntaxhighlight lang="css">
p { color: hsla(120, 100%, 50%, 0.7) } /* verda kun 70 % opakeco */
</syntaxhighlight>

===== CMYK-kolormodelo (CMFN) =====
Tiu modelo difinas kolorojn per mikso de la tri subtrahaj koloroj — Cejano (''cyan''), Magento (''magenta'') kaj Flava (''yellow'').

{{Parenteze|Subtrahajn kolorojn havas preskaŭ ĉiuj farboj. Tiuj ŝajnas esti specifa pura koloro, sed en vero reflektas ĉiujn kolorojn krom la komplementa koloro de la ŝajna koloro. Do al cejana farbo mankas reflektopovo nur por ruĝa lumo, ĝi reflektas tamen ĉiujn aliajn, kaj pro tio aspektas cejana. Alivorte, ĝi subtrahas la koloron ruĝa de la lumspektro, per kiu oni prilumas la farbon. Farboj filtras, ili ne lumas. Ĉe tio la okulo ne povas distingi la puran koloron cejano, de kolormikso sen ruĝo. Ambaŭ aspektas same cejanaj. Fakte nur tri tiaj precize funkciantaj subtrahaj koloroj devus sufiĉi por miksi praktike ĉiujn volatajn kolorojn, ankaŭ prese aŭ pentrade sur papero. Do se oni aplikas ĉiujn tri kolorojn kiel mikso al blanka papero, la rezulto devus esti nigra, alivorte la kolormikso reflektu nenion plu. Tamen pro la neperfekteco de farboj kaj presilaj inkoj, oni atingas nur kote brunan aŭ grizetan koloron.}}

Por korekti la neperfekton de la haveblaj koloraj presinkoj, kiuj, miksitaj, ne liveras akcepteblan nigron, oni bezonas kvaran inkon, la tiel nomatan ŝlosilan (''key''), aŭtente nigran inkon. Ŝlosile ĝi nomiĝas pro tio, ke oni alĝustigas la aliajn tri presmatricojn laŭ la nigra mastra matrico.<ref group=Vidu>[[:en:CMYK color model|CMYK color model]] en la Angla Vikipedio</ref> Presi laŭ tiu ĉi kolorsistemo nomiĝas [[kvarfarba presado]] kaj vaste uziĝas. Ekde CSS 3 koloroj povas esti ankaŭ difinataj laŭ [[CMFN (kolormodelo)|CMFN-kolormodelo]]<ref>http://www.w3.org/TR/css3-gcpm/#cmyk-colors</ref>, do presprete:
<syntaxhighlight lang="css">
p { color: device-cmyk(0.0, 0.95, 1, 0.1) } /* ruĝa */
</syntaxhighlight>

===== Skribado kun retrofala kongrueco =====
Ĉar nur modernaj foliumiloj povas interpreti la notigojn laŭ rvba, hsv(a) kaj cmfn, verkantoj de retpaĝaroj devas difini tiel nomatan refalan koloron (angle ''fallback color''):
<syntaxhighlight lang="css">
p {
color: red; /* refala kompatibileco */
color: device-cmyk(0.0, 0.95, 1, 0.1); /* Tio estas interpretata de modernaj foliumiloj */
}
</syntaxhighlight>

==== En Vikipedio ====
Evidente, Vikipedio, baziĝante sur HTML kaj CSS komprenas RGB-valorojn. Oni povas formuli ilin laŭ kvar variantoj — decimale, decimale procente, deksesume kaj deksesume mallongigite.
{| 
| {{Papero|marĝeno=2|bordero=1|1=
Jen ekzemplo uzanta decimalajn RGB-valorojn:

{{Skribo|fono=HelCejana|1=<nowiki>{{Butono|koloro=rgb(255,136,119)|rgb(255,136,119)}}</nowiki>}}
{{Butono|koloro=rgb(255,136,119)|fluigo=neniu|rgb(255,136,119)}}}}
| 
| {{Papero|marĝeno=2|bordero=1|1=
Kun procenta RGB-formulado:

{{Skribo|fono=HelCejana|1=<nowiki>{{Butono|koloro=rgb(100%,53%,47%)|rgb(100%,53%,47%)}}</nowiki>}}
{{Butono|koloro=rgb(100%,53%,47%)|fluigo=neniu|rgb(100%,53%,47%)}}}}
|-
| {{Papero|marĝeno=2|bordero=1|1=
Kun tradicia deksesuma RGB-formulado:

{{Skribo|fono=HelCejana|1=<nowiki>{{Butono|koloro=#ff8877|ff8877}}</nowiki>}}
{{Butono|koloro=#ff8877|fluigo=neniu|#ff8877}}}}
| 
| {{Papero|marĝeno=2|bordero=1|1=
Kun CSS-a deksesuma tricifera RGB-mallongigo:

{{Skribo|fono=HelCejana|1=<nowiki>{{Butono|koloro=#f87|#f87}}</nowiki>}}
{{Butono|koloro=#f87|fluigo=neniu|#f87}}}}
|}

<!--=== Ne subtenataj parencaj kolormodeloj ===
==== HSV-Kolormodelo ====
Tiu modelos apartigas la kolorecan informon de la lumeca informo. Temas pri koloreco konsistanta el kolornuanco (''hue'') kaj satureco (''saturation'') kaj lumivaloro (''value''). Ĝi similas al la antaŭa HSL-kolormodelo, nur la metodo kalkuli la lumecan komponanton diferencas.

En 2012 CSS ankoraŭ ne subtenis tiun ĉi modelon.

==== HSI-Kolormodelo ====
Tiu modelos apartigas la kolorecan informon de la lumeca informo. Temas pri koloreco konsistanta el kolornuanco (''hue'') kaj satureco (''saturation'') kaj lumig-intenseco (''intensity''). Ĝi similas al la antaŭa HSl-kolormodelo, nur la metodo kalkuli la lumecan komponanton diferencas.

En 2012 CSS ankoraŭ ne subtenis tiun ĉi modelon.

==== HSY'-Kolormodelo ====
Tiu modelo baziĝas sur koloreco, do Kolornuanco (''hue'') kaj Satureco (''saturation''), kaj Lumeco (''luma''). La granda diferenco kompare al HSV kaj HSL estas tio, ke oni nun konsideras la subjektivan helecon de koloroj. Do oni difinas nun kolorojn — koloreco kaj lumeco — laŭ tio, kion homo fakte vidas. Ĉi-cele oni kalkulas la subjektivan helecon de koloro laŭ ĝiaj ''gama''-korektitaj RGB-komponantoj per la sekva formulo.

:<math>Y^\prime = 0.30R + 0.59G + 0.11B\,\!</math>

El tio sekvas, ke por atingi la subjektivan helecon de ampolo blanka je 100W per blua ampolo samspeca, oni devus nutri ĝin per preskaŭ 1kW! Simila kolormodelo uziĝas por televido, video kaj jpeg-kunpremado.

En 2012 CSS ankoraŭ ne subtenis tiun ĉi modelon. -->

== Vidu ankaŭ ==
<references group=Vidu />

== Referencoj ==
{{referencoj}}

== Fontoj ==
* {{Citlibro
|Aŭtoro=Günter Born
|Titolo=HTML
|Subtitolo=Arbeitsbuch, Nachschlagewerk, Praxisführer
|ISBN=3-8272-6658-0
|Eldonejo=Markt+Technik
|Loko=Munkeno
|Jaro=2003
|Lingvo=germana
|Paĝoj=p. 96
}}
* {{Citlibro
|Aŭtoro=Münz, Nefzger
|Titolo=HTML
|ISBN=3-7723-6654-6
|Eldonejo=Franzis Verlag GmbH
|Loko=Poing
|Lingvo=germana
|Jaro=2005
|Paĝoj=p. 82-85
}}
* {{Citlibro
|Aŭtoro=Markus Mann
|Titolo=HTML
|ISBN=3-7723-6557-4
|Eldonejo=Franzis Verlag GmbH
|Loko=Poing
|Lingvo=germana
|Jaro=2002
|Paĝoj=p. 41-42
}}
* {{Citlibro
|Aŭtoro=Kai Laborenz
|Titolo=CSS
|Subtitolo=Grundlagen, Praxisbeispiele, Referenz; Modernes Webdesign mit CSS
|ISBN=978-3-8362-1725-5
|Eldonejo=Galileo Press
|Loko=Bonn
|Jaro=2011
|Paĝoj=p. 785-786
|Lingvo=germana
}}

== Eksteraj ligiloj ==
* [http://www.html.am/html-codes/color/color-scheme.cfm?colorName=Gray Kolorkomparilo por helpi fasoni fasadojn.]
* [http://www.ais-sanmarino.org/kursoj/s1/koloroj/index.html Komputila kodado de koloraj bildoj]. Kurso de [[AIS|AIS San-Marino]].

{{Normoj de W3C}}

{{ADLS|2012|28}}

[[Kategorio:HTML]]
[[Kategorio:Koloroj]]