Quelltext der Seite Hilfe:Farben

{{MediaWiki-Hilfe}}
Um ein einheitliches Erscheinungsbild zu wahren, sollten '''Farben''' in der Wikipedia mit viel Bedacht eingesetzt werden. Nutze Farben in Artikeln nur in Ausnahmefällen, wenn sie inhaltlich sinnvoll sind (Auf deiner [[Daocpedia:Benutzer-Namensraum|Benutzerseite]] darfst du dafür nach Herzenslust aus den Farbtöpfen unten schöpfen. Wenn du ein [[Daocpedia:Portale|Portal]] gestaltest, darf es durchaus etwas farbiger werden, orientier dich jedoch an Bestehendem.

__TOC__

Zur Farbgebung dient in MediaWiki wie in [[wiki:HTML|HTML]] das ''style''-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel <code><nowiki><span></nowiki></code> für einzelne Buchstaben und Wörter oder <code><nowiki><div></nowiki></code> für Absätze.

Im ''style''-Attribut färbt man mit den [[wiki:Cascading Style Sheets|CSS]]-Anweisungen <code>color:#RRGGBB;</code> für Textfarbe bzw. <code>background-color:#RRGGBB;</code> für Hintergrundfarbe einen Abschnitt ein. „#RRGGBB“ steht für eine [[wiki:hexadezimal|hexadezimale]] Farbangabe: Der Rotwert (RR) kann zwischen 00 und FF (entspricht dezimal 255) liegen, ebenso der Grün- (GG) und der Blauwert (BB). Man kann statt der Codierung „#RRGGBB“ auch die unten aufgeführten Farbnamen verwenden (ohne „#“).

''Siehe auch:'' 
* [[wiki:Web-Farben|Web-Farben]], [[wiki:HTML|HTML]], [[wiki:Cascading Style Sheets|Cascading Style Sheets]]
* [[wiki:Rot-Grün-Sehschwäche|Rot-Grün-Sehschwäche]], [[wiki:Farbenblindheit|Farbenblindheit]] – siehe auch Vorlage [[Vorlage Diskussion:Bgc|„Farben=Grau“]] (Hintergrund-Farben) 

== Farben verwenden ==
{| {{prettytable}}
|- style="{{dbg blau}}"
!Aktion
!Wikitext
!width="68"|Ergebnis
|-
|Farbiger Text
|<tt><span&nbsp;style<nowiki>="color:#ff0000"> Text </span></nowiki></tt>
|<span style="color:#ff0000">Text</span>
|-
|Farbige Absätze
|<tt><div&nbsp;style<nowiki>="color:red"> Absatz </div></nowiki></tt>
|<div style="color:red">Absatz</div>
|-
|Hintergrund für ein oder wenige Worte 
|<tt><span&nbsp;style<nowiki>="background-color:yellow"> Beispiel </span></nowiki></tt>
|<span style="background:yellow">Beispiel</span>
|-
|Hintergrund eines Absatzes 
|<tt><div&nbsp;style<nowiki>="background-color:yellow"> Absatz </div></nowiki></tt>
|<div style="background:yellow">Absatz</div>
|-
|Hintergrund einer Tabellenzelle 
|<tt><nowiki>style="background:#FEDBCA;" | Text</nowiki></tt> 
| style="background:#fedbca;" | Text
|-
|  &nbsp; &nbsp; - [[wiki:deprecated|deprecated]]
| <tt><nowiki>bgcolor="#FEDBCA" | Text</nowiki></tt> 
| bgcolor="#fedbca" | Text
|}

DAoCpedia Farbdefinitionen für Rahmen und Hintergründe von [[Daocpedia:Textbausteine|Textbausteinen]].
Hier: Standardvorgaben für "dunkle Schrift auf hellem Grund".

{| {{prettytable}} width="636"
|- style="{{dbg blau}}"
! width="100"| Klassen-Name
! Kurzbeschreibung
! width="68"|Farbe
! width="68"|[[wiki:Hexadezimalsystem|Hex]]-Wert
|-
| colspan=2 class="hintergrundfarbe2"|
*'''Hintergrund-Farben''' (Wikitext: <tt><nowiki>style="{{</nowiki></tt>„Klassen-Name“<tt>}}"</tt>)
| colspan=2 |
|-
|dbg
| für Zeilen in Tabellen 
| style="{{dbg}}"|
| style="background-color:#eeeeee"|<tt>#eeeeee</tt>
|-
|dbg dunkelgrau
|"Dunkelgrau", als Hintergrund bei weisser Schrift geeignet
| style="{{dbg dunkelgrau}}"|
| style="background-color:#CCCCCC"|<tt>#CCCCCC</tt>
|-
|dbg gelb
|"Gelb", blass
| style="{{dbg gelb}}"|
| style="background-color:#ffffd9"|<tt>#ffffd9</tt>
|-
|dbg gruen
|"Grün", blass, "Ja"-Farbe
| style="{{dbg gruen}}"|
| style="background-color:#eeffee"|<tt>#eeffee</tt>
|-
|dbg orange
|"Orange", blass 
| style="{{dbg orange}}"|
| style="background-color:#ffedcf"|<tt>#ffedcf</tt>
|-
|dbg rosa
|"Rosa", blass, "Nein"-Farbe
| style="{{dbg rosa}}"|
| style="background-color:#FFD9FF"|<tt>#FFD9FF</tt>
|-
|dbg blau
|"Blau", blass
| style="{{dbg blau}}"|
| style="background-color:#eeeeff"|<tt>#eeeeff</tt>
|-
|dbg rot
|"Rot", blass, "Nein"-Farbe
| style="{{dbg rot}}"|
| style="background-color:#ffeeee"|<tt>#ffeeee</tt>
|-
|dbg weiss
|"Weiss" 
| style="{{dbg weiss}}"|
| style="background-color:#ffffff"|<tt>#ffffff</tt>
|-
| colspan=2 class="hintergrundfarbe2"|
*mögliche '''Rahmen-Farben'''(Wikitext: wie oben)
| colspan=2 |
|-
|
|Wie Inhaltsverzeichnis
| style="background-color:#AAAAAA"|
| <tt style="border-style:solid;border-width:3px;border-color:#AAAAAA">#AAAAAA</tt>
|-
|
|Unauffällig, geringer Kontrast
| style="background-color:#e9e9e9"|
| <tt style="border-style:solid;border-width:3px;border-color:#e9e9e9">#E9E9E9</tt>
|-
|
|"Rot", auffällig
| style="background-color:#c00000"|
| <tt style="border-style:solid;border-width:3px;border-color:#c00000">#C00000</tt>
|-
|
|Neutrale Farbe, deutlich
| style="background-color:#8888aa"|
| <tt style="border-style:solid;border-width:3px;border-color:#8888aa">#8888AA</tt>
|- 
|
|"Schwarz", hoher Kontrast
| style="background-color:#000000"|
| <tt style="border-style:solid;border-width:3px;border-color:#000000">#000000</tt>
|}

'''Siehe auch''' [[Hilfe:Tabellen|Tabellen]].

== Tabelle Farbcodes ==
Einige Farben zum einfachen Einsetzen in CSS, wobei standardmäßig nur die Farbnamen der 1. Spalte ohne Kennziffer interpretiert werden. Wikitext: <tt><nowiki>style="background-color:</nowiki></tt>„Farbname“ oder <tt>(</tt>„RGB-Wert dezimal mit Abstand“<tt>)</tt> oder </tt>#</tt>„Hexadezimalwert“<tt>"</tt>

{||border=0 cellpadding="3" cellspacing="1" align="center" style="font-size:89%;text-align:center;line-height:1em;width:98%;"
|-----
| style="background-color:#FFFFFF" | white (255 255 255)
&#x23;FFFFFF
| style="background-color:#E8E8E8" | gray91 (232 232 232)
&#x23;E8E8E8
| style="background-color:#CFCFCF" | gray81 (207 207 207)
&#x23;CFCFCF
| style="background-color:#828282;color:#FFFFFF"|grey51 (130 130 130)
&#x23;828282
|-----
| style="background-color:#FFFAFA" | Snow1 (255 250 250)
&#x23;FFFAFA
| style="background-color:#EEE9E9" | Snow2 (238 233 233)
&#x23;EEE9E9
| style="background-color:#CDC9C9" | Snow3 (205 201 201)
&#x23;CDC9C9
| style="background-color:#8B8989;color:#FFFFFF"|Snow4 (139 137 137)
&#x23;8B8989
|-----
| style="background-color:#FFF5EE" | Seashell1 (255 245 238)
&#x23;FFF5EE
| style="background-color:#EEE5DE" | Seashell2 (238 229 222)
&#x23;EEE5DE
| style="background-color:#CDC5BF" | Seashell3 (205 197 191)
&#x23;CDC5BF
| style="background-color:#8B8682;color:#FFFFFF"|Seashell4 (139 134 130)
&#x23;8B8682
|-----
| style="background-color:#FFEFDB" | AntiqueWhite1 (255 239 219)
&#x23;FFEFDB
| style="background-color:#EEDFCC" | AntiqueWhite2 (238 223 204)
&#x23;EEDFCC
| style="background-color:#CDC0B0" | AntiqueWhite3 (205 192 176)
&#x23;CDC0B0
| style="background-color:#8B8378;color:#FFFFFF"|AntiqueWhite4 (139 131 120)
&#x23;8B8378
|-----
| style="background-color:#FFE4C4" | Bisque1 (255 228 196)
&#x23;FFE4C4
| style="background-color:#EED5B7" | Bisque2 (238 213 183)
&#x23;EED5B7
| style="background-color:#CDB79E" | Bisque3 (205 183 158)
&#x23;CDB79E
| style="background-color:#8B7D6B;color:#FFFFFF"|Bisque4 (139 125 107)
&#x23;8B7D6B
|-----
| style="background-color:#FFDAB9" | PeachPuff1 (255 218 185)
&#x23;FFDAB9
| style="background-color:#EECBAD" | PeachPuff2 (238 203 173)
&#x23;EECBAD
| style="background-color:#CDAF95" | PeachPuff3 (205 175 149)
&#x23;CDAF95
| style="background-color:#8B7765;color:#FFFFFF"|PeachPuff4 (139 119 101)
&#x23;8B7765
|-----
| style="background-color:#FFDEAD" | NavajoWhite1 (255 222 173)
&#x23;FFDEAD
| style="background-color:#EECFA1" | NavajoWhite2 (238 207 161)
&#x23;EECFA1
| style="background-color:#CDB38B" | NavajoWhite3 (205 179 139)
&#x23;CDB38B
| style="background-color:#8B795E;color:#FFFFFF"|NavajoWhite4 (139 121 94)
&#x23;8B795E
|-----
| style="background-color:#FFFACD" | LemonChiffon1 (255 250 205)
&#x23;FFFACD
| style="background-color:#EEE9BF" | LemonChiffon2 (238 233 191)
&#x23;EEE9BF
| style="background-color:#CDC9A5" | LemonChiffon3 (205 201 165)
&#x23;CDC9A5
| style="background-color:#8B8970;color:#FFFFFF"|LemonChiffon4 (139 137 112)
&#x23;8B8970
|-----
| style="background-color:#FFF8DC" | Cornsilk1 (255 248 220)
&#x23;FFF8DC
| style="background-color:#EEE8CD" | Cornsilk2 (238 232 205)
&#x23;EEE8CD
| style="background-color:#CDC8B1" | Cornsilk3 (205 200 177)
&#x23;CDC8B1
| style="background-color:#8B8878;color:#FFFFFF"|Cornsilk4 (139 136 120)
&#x23;8B8878
|-----
| style="background-color:#FFFFF0" | Ivory1 (255 255 240)
&#x23;FFFFF0
| style="background-color:#EEEEE0" | Ivory2 (238 238 224)
&#x23;EEEEE0
| style="background-color:#CDCDC1" | Ivory3 (205 205 193)
&#x23;CDCDC1
| style="background-color:#8B8B83;color:#FFFFFF"|Ivory4 (139 139 131)
&#x23;8B8B83
|-----
| style="background-color:#F0FFF0" | Honeydew1 (240 255 240)
&#x23;F0FFF0
| style="background-color:#E0EEE0" | Honeydew2 (224 238 224)
&#x23;E0EEE0
| style="background-color:#C1CDC1" | Honeydew3 (193 205 193)
&#x23;C1CDC1
| style="background-color:#838B83;color:#FFFFFF"|Honeydew4 (131 139 131)
&#x23;838B83
|-----
| nowrap=1 style="background-color:#FFF0F5" | LavenderBlush1 (255 240 245)
&#x23;FFF0F5
| nowrap=1 style="background-color:#EEE0E5" | LavenderBlush2 (238 224 229)
&#x23;EEE0E5
| nowrap=1 style="background-color:#CDC1C5" | LavenderBlush3 (205 193 197)
&#x23;CDC1C5
| nowrap=1 style="background-color:#8B8386;color:#FFFFFF"|LavenderBlush4 (139 131 134)
&#x23;8B8386
|-----
| style="background-color:#FFE4E1" | MistyRose1 (255 228 225)
&#x23;FFE4E1
| style="background-color:#EED5D2" | MistyRose2 (238 213 210)
&#x23;EED5D2
| style="background-color:#CDB7B5" | MistyRose3 (205 183 181)
&#x23;CDB7B5
| style="background-color:#8B7D7B;color:#FFFFFF"|MistyRose4 (139 125 123)
&#x23;8B7D7B
|-----
| style="background-color:#F0FFFF" | Azure1 (240 255 255)
&#x23;F0FFFF
| style="background-color:#E0EEEE" | Azure2 (224 238 238)
&#x23;E0EEEE
| style="background-color:#C1CDCD" | Azure3 (193 205 205)
&#x23;C1CDCD
| style="background-color:#838B8B;color:#FFFFFF"|Azure4 (131 139 139)
&#x23;838B8B
|----- style="color:#FFFFFF"
| style="background-color:#836FFF" | SlateBlue1 (131 111 255)
&#x23;836FFF
| style="background-color:#7A67EE" | SlateBlue2 (122 103 238)
&#x23;7A67EE
| style="background-color:#6959CD" | SlateBlue3 (105 89 205)
&#x23;6959CD
| style="background-color:#473C8B" | SlateBlue4 (71 60 139 )
&#x23;473C8B
|----- style="color:#FFFFFF"
| style="background-color:#4876FF" | RoyalBlue1 (72 118 255)
&#x23;4876FF
| style="background-color:#436EEE" | RoyalBlue2 (67 110 238)
&#x23;436EEE
| style="background-color:#3A5FCD" | RoyalBlue3 (58 95 205)
&#x23;3A5FCD
| style="background-color:#27408B" | RoyalBlue4 (39 64 139)
&#x23;27408B
|----- style="color:#FFFFFF"
| style="background-color:#0000FF" | Blue1 (0 0 255)
&#x23;0000FF
| style="background-color:#0000EE" | Blue2 (0 0 238)
&#x23;0000EE
| style="background-color:#0000CD" | Blue3 (0 0 205)
&#x23;0000CD
| style="background-color:#00008B" | Blue4 (0 0 139)
&#x23;00008B
|----- style="color:#FFFFFF"
| style="background-color:#1E90FF" | DodgerBlue1 (30 144 255)
&#x23;1E90FF
| style="background-color:#1C86EE" | DodgerBlue2 (28 134 238)
&#x23;1C86EE
| style="background-color:#1874CD" | DodgerBlue3 (24 116 205)
&#x23;1874CD
| style="background-color:#104E8B" | DodgerBlue4 (16 78 139 )
&#x23;104E8B
|-----
| style="background-color:#63B8FF" | SteelBlue1 (99 184 255)
&#x23;63B8FF
| style="background-color:#5CACEE" | SteelBlue2 (92 172 238)
&#x23;5CACEE
| style="background-color:#4F94CD" | SteelBlue3 (79 148 205)
&#x23;4F94CD
| style="background-color:#36648B;color:#FFFFFF" | SteelBlue4 (54 100 139)
&#x23;36648B
|-----
| style="background-color:#00BFFF" | DeepSkyBlue1 (0 191 255)
&#x23;00BFFF
| style="background-color:#00B2EE" | DeepSkyBlue2 (0 178 238)
&#x23;00B2EE
| style="background-color:#009ACD" | DeepSkyBlue3 (0 154 205)
&#x23;009ACD
| style="background-color:#00688B;color:#FFFFFF" | DeepSkyBlue4 (0 104 139 )
&#x23;00688B
|-----
| style="background-color:#87CEFF" | SkyBlue1 (135 206 255)
&#x23;87CEFF
| style="background-color:#7EC0EE" | SkyBlue2 (126 192 238)
&#x23;7EC0EE
| style="background-color:#6CA6CD" | SkyBlue3 (108 166 205)
&#x23;6CA6CD
| style="background-color:#4A708B;color:#FFFFFF"|SkyBlue4 (74 112 139 )
&#x23;4A708B
|-----
| style="background-color:#B0E2FF" | LightSkyBlue1 (176 226 255)
&#x23;B0E2FF
| style="background-color:#A4D3EE" | LightSkyBlue2 (164 211 238)
&#x23;A4D3EE
| style="background-color:#8DB6CD" | LightSkyBlue3 (141 182 205)
&#x23;8DB6CD
| style="background-color:#607B8B;color:#FFFFFF"|LightSkyBlue4 (96 123 139)
&#x23;607B8B
|-----
| style="background-color:#C6E2FF" | SlateGray1 (198 226 255)
&#x23;C6E2FF
| style="background-color:#B9D3EE" | SlateGray2 (185 211 238)
&#x23;B9D3EE
| style="background-color:#9FB6CD" | SlateGray3 (159 182 205)
&#x23;9FB6CD
| style="background-color:#6C7B8B;color:#FFFFFF"|SlateGray4 (108 123 139)
&#x23;6C7B8B
|-----
| style="background-color:#CAE1FF" | LightSteelBlue1 (202 225 255)
&#x23;CAE1FF
| style="background-color:#BCD2EE" | LightSteelBlue2 (188 210 238)
&#x23;BCD2EE
| style="background-color:#A2B5CD" | LightSteelBlue3 (162 181 205)
&#x23;A2B5CD
| style="background-color:#6E7B8B;color:#FFFFFF"|LightSteelBlue4 (110 123 139)
&#x23;6E7B8B
|-----
| style="background-color:#BFEFFF" | LightBlue1 (191 239 255)
&#x23;BFEFFF
| style="background-color:#B2DFEE" | LightBlue2 (178 223 238)
&#x23;B2DFEE
| style="background-color:#9AC0CD" | LightBlue3 (154 192 205)
&#x23;9AC0CD
| style="background-color:#68838B;color:#FFFFFF"|LightBlue4 (104 131 139)
&#x23;68838B
|-----
| style="background-color:#E0FFFF" | LightCyan1 (224 255 255)
&#x23;E0FFFF
| style="background-color:#D1EEEE" | LightCyan2 (209 238 238)
&#x23;D1EEEE
| style="background-color:#B4CDCD" | LightCyan3 (180 205 205)
&#x23;B4CDCD
| style="background-color:#7A8B8B;color:#FFFFFF"|LightCyan4 (122 139 139)
&#x23;7A8B8B
|-----
| style="background-color:#BBFFFF" | PaleTurquoise1 (187 255 255)
&#x23;BBFFFF
| style="background-color:#AEEEEE" | PaleTurquoise2 (174 238 238)
&#x23;AEEEEE
| style="background-color:#96CDCD" | PaleTurquoise3 (150 205 205)
&#x23;96CDCD
| style="background-color:#668B8B;color:#FFFFFF"|PaleTurquoise4 (102 139 139)
&#x23;668B8B
|-----
| style="background-color:#98F5FF" | CadetBlue1 (152 245 255)
&#x23;98F5FF
| style="background-color:#8EE5EE" | CadetBlue2 (142 229 238)
&#x23;8EE5EE
| style="background-color:#7AC5CD" | CadetBlue3 (122 197 205)
&#x23;7AC5CD
| style="background-color:#53868B;color:#FFFFFF"|CadetBlue4 (83 134 139)
&#x23;53868B
|-----
| style="background-color:#00F5FF" | Turquoise1 (0 245 255)
&#x23;00F5FF
| style="background-color:#00E5EE" | Turquoise2 (0 229 238)
&#x23;00E5EE
| style="background-color:#00C5CD" | Turquoise3 ( 0 197 205)
&#x23;00C5CD
| style="background-color:#00868B;color:#FFFFFF"|Turquoise4 (0 134 139 )
&#x23;00868B
|-----
| style="background-color:#00FFFF" | Cyan1 (0 255 255)
&#x23;00FFFF
| style="background-color:#00EEEE" | Cyan2 (0 238 238)
&#x23;00EEEE
| style="background-color:#00CDCD" | Cyan3 (0 205 205)
&#x23;00CDCD
| style="background-color:#008B8B;color:#FFFFFF"|Cyan4 (0 139 139)
&#x23;008B8B
|-----
| style="background-color:#97FFFF" | DarkSlateGray1 (151 255 255)
&#x23;97FFFF
| style="background-color:#8DEEEE" | DarkSlateGray2 (141 238 238)
&#x23;8DEEEE
| style="background-color:#79CDCD" | DarkSlateGray3 (121 205 205)
&#x23;79CDCD
| style="background-color:#528B8B;color:#FFFFFF"|DarkSlateGray4 (82 139 139)
&#x23;528B8B
|-----
| style="background-color:#7FFFD4" | Aquamarine1 (127 255 212)
&#x23;7FFFD4
| style="background-color:#76EEC6" | Aquamarine2 (118 238 198)
&#x23;76EEC6
| style="background-color:#66CDAA" | Aquamarine3 (102 205 170)
&#x23;66CDAA
| style="background-color:#458B74;color:#FFFFFF"|Aquamarine4 (69 139 116)
&#x23;458B74
|-----
| style="background-color:#C1FFC1" | DarkSeaGreen1 (193 255 193)
&#x23;C1FFC1
| style="background-color:#B4EEB4" | DarkSeaGreen2 (180 238 180)
&#x23;B4EEB4
| style="background-color:#9BCD9B" | DarkSeaGreen3 (155 205 155)
&#x23;9BCD9B
| style="background-color:#698B69;color:#FFFFFF"|DarkSeaGreen4 (105 139 105)
&#x23;698B69
|-----
| style="background-color:#54FF9F" | SeaGreen1 (84 255 159)
&#x23;54FF9F
| style="background-color:#4EEE94" | SeaGreen2 (78 238 148)
&#x23;4EEE94
| style="background-color:#43CD80" | SeaGreen3 (67 205 128)
&#x23;43CD80
| style="background-color:#2E8B57;color:#FFFFFF"|SeaGreen4 (46 139 87)
&#x23;2E8B57
|-----
| style="background-color:#9AFF9A" | PaleGreen1 (154 255 154)
&#x23;9AFF9A
| style="background-color:#90EE90" | PaleGreen2 (144 238 144)
&#x23;90EE90
| style="background-color:#7CCD7C" | PaleGreen3 (124 205 124)
&#x23;7CCD7C
| style="background-color:#548B54;color:#FFFFFF"|PaleGreen4 (84 139 84)
&#x23;548B54
|-----
| style="background-color:#00FF7F" | SpringGreen1 (0 255 127)
&#x23;00FF7F
| style="background-color:#00EE76" | SpringGreen2 (0 238 118)
&#x23;00EE76
| style="background-color:#00CD66" | SpringGreen3 (0 205 102)
&#x23;00CD66
| style="background-color:#008B45;color:#FFFFFF"|SpringGreen4 (0 139 69)
&#x23;008B45
|-----
| style="background-color:#00FF00" | Green1 (0 255 0)
&#x23;00FF00
| style="background-color:#00EE00" | Green2 (0 238 0)
&#x23;00EE00
| style="background-color:#00CD00" | Green3 (0 205 0)
&#x23;00CD00
| style="background-color:#008B00;color:#FFFFFF"|Green4 (0 139 0)
&#x23;008B00
|-----
| style="background-color:#7FFF00" | Chartreuse1 (127 255 0)
&#x23;7FFF00
| style="background-color:#76EE00" | Chartreuse2 (118 238 0)
&#x23;76EE00
| style="background-color:#66CD00" | Chartreuse3 (102 205 0)
&#x23;66CD00
| style="background-color:#458B00;color:#FFFFFF"|Chartreuse4 (69 139 0)
&#x23;458B00
|-----
| style="background-color:#C0FF3E" | OliveDrab1 (192 255 62)
&#x23;C0FF3E
| style="background-color:#B3EE3A" | OliveDrab2 (179 238 58)
&#x23;B3EE3A
| style="background-color:#9ACD32" | OliveDrab3 (154 205 50)
&#x23;9ACD32
| style="background-color:#698B22;color:#FFFFFF"|OliveDrab4 (105 139 34)
&#x23;698B22
|-----
| style="background-color:#CAFF70" | DarkOliveGreen1 (202 255 112)
&#x23;CAFF70
| style="background-color:#BCEE68" | DarkOliveGreen2 (188 238 104)
&#x23;BCEE68
| style="background-color:#A2CD5A" | DarkOliveGreen3 (162 205 90)
&#x23;A2CD5A
| style="background-color:#6E8B3D;color:#FFFFFF"|DarkOliveGreen4 (110 139 61)
&#x23;6E8B3D
|-----
| style="background-color:#FFF68F" | Khaki1 (255 246 143)
&#x23;FFF68F
| style="background-color:#EEE685" | Khaki2 (238 230 133)
&#x23;EEE685
| style="background-color:#CDC673" | Khaki3 (205 198 115)
&#x23;CDC673
| style="background-color:#8B864E;color:#FFFFFF"|Khaki4 (139 134 78)
&#x23;8B864E
|-----
| style="background-color:#FFEC8B" | LightGoldenrod1 (255 236 139)
&#x23;FFEC8B
| style="background-color:#EEDC82" | LightGoldenrod2 (238 220 130)
&#x23;EEDC82
| style="background-color:#CDBE70" | LightGoldenrod3 (205 190 112)
&#x23;CDBE70
| style="background-color:#8B814C;color:#FFFFFF"|LightGoldenrod4 (139 129 76)
&#x23;8B814C
|-----
| style="background-color:#FFFFE0" | LightYellow1 (255 255 224)
&#x23;FFFFE0
| style="background-color:#EEEED1" | LightYellow2 (238 238 209)
&#x23;EEEED1
| style="background-color:#CDCDB4" | LightYellow3 (205 205 180)
&#x23;CDCDB4
| style="background-color:#8B8B7A;color:#FFFFFF"|LightYellow4 (139 139 122)
&#x23;8B8B7A
|-----
| style="background-color:#FFFF00" | Yellow1 (255 255 0)
&#x23;FFFF00
| style="background-color:#EEEE00" | Yellow2 (238 238 0)
&#x23;EEEE00
| style="background-color:#CDCD00" | Yellow3 (205 205 0)
&#x23;CDCD00
| style="background-color:#8B8B00;color:#FFFFFF"|Yellow4 (139 139 0)
&#x23;8B8B00
|-----
| style="background-color:#FFD700" | Gold1 (255 215 0)
&#x23;FFD700
| style="background-color:#EEC900" | Gold2 (238 201 0)
&#x23;EEC900
| style="background-color:#CDAD00" | Gold3 (205 173 0)
&#x23;CDAD00
| style="background-color:#8B7500;color:#FFFFFF"|Gold4 (139 117 0)
&#x23;8B7500
|-----
| style="background-color:#FFC125" | Goldenrod1 (255 193 37)
&#x23;FFC125
| style="background-color:#EEB422" | Goldenrod2 (238 180 34)
&#x23;EEB422
| style="background-color:#CD9B1D" | Goldenrod3 (205 155 29)
&#x23;CD9B1D
| style="background-color:#8B6914;color:#FFFFFF"|Goldenrod4 (139 105 20)
&#x23;8B6914
|-----
| style="background-color:#FFB90F" | DarkGoldenrod1 (255 185 15)
&#x23;FFB90F
| style="background-color:#EEAD0E" | DarkGoldenrod2 (238 173 14)
&#x23;EEAD0E
| style="background-color:#CD950C" | DarkGoldenrod3 (205 149 12)
&#x23;CD950C
| style="background-color:#8B6508;color:#FFFFFF"|DarkGoldenrod4 (139 101 8)
&#x23;8B6508
|-----
| style="background-color:#FFC1C1" | RosyBrown1 (255 193 193)
&#x23;FFC1C1
| style="background-color:#EEB4B4" | RosyBrown2 (238 180 180)
&#x23;EEB4B4
| style="background-color:#CD9B9B" | RosyBrown3 (205 155 155)
&#x23;CD9B9B
| style="background-color:#8B6969;color:#FFFFFF"|RosyBrown4 (139 105 105)
&#x23;8B6969
|-----
| style="background-color:#FF6A6A" | IndianRed1 (255 106 106)
&#x23;FF6A6A
| style="background-color:#EE6363" | IndianRed2 (238 99 99)
&#x23;EE6363
| style="background-color:#CD5555" | IndianRed3 (205 85 85)
&#x23;CD5555
| style="background-color:#8B3A3A;color:#FFFFFF"|IndianRed4 (139 58 58)
&#x23;8B3A3A
|-----
| style="background-color:#FF8247" | Sienna1 (255 130 71)
&#x23;FF8247
| style="background-color:#EE7942" | Sienna2 (238 121 66)
&#x23;EE7942
| style="background-color:#CD6839" | Sienna3 (205 104 57)
&#x23;CD6839
| style="background-color:#8B4726;color:#FFFFFF"|Sienna4 (139 71 38)
&#x23;8B4726
|-----
| style="background-color:#FFD39B" | Burlywood1 (255 211 155)
&#x23;FFD39B
| style="background-color:#EEC591" | Burlywood2 (238 197 145)
&#x23;EEC591
| style="background-color:#CDAA7D" | Burlywood3 (205 170 125)
&#x23;CDAA7D
| style="background-color:#8B7355;color:#FFFFFF"|Burlywood4 (139 115 85)
&#x23;8B7355
|-----
| style="background-color:#FFE7BA" | Wheat1 (255 231 186)
&#x23;FFE7BA
| style="background-color:#EED8AE" | Wheat2 (238 216 174)
&#x23;EED8AE
| style="background-color:#CDBA96" | Wheat3 (205 186 150)
&#x23;CDBA96
| style="background-color:#8B7E66;color:#FFFFFF"|Wheat4 (139 126 102)
&#x23;8B7E66
|-----
| style="background-color:#FFA54F" | Tan1 (255 165 79)
&#x23;FFA54F
| style="background-color:#EE9A49" | Tan2 (238 154 73)
&#x23;EE9A49
| style="background-color:#CD853F" | Tan3 (205 133 63)
&#x23;CD853F
| style="background-color:#8B5A2B;color:#FFFFFF"|Tan4 (139 90 43)
&#x23;8B5A2B
|-----
| style="background-color:#FF7F24" | Chocolate1 (255 127 36)
&#x23;FF7F24
| style="background-color:#EE7621" | Chocolate2 (238 118 33)
&#x23;EE7621
| style="background-color:#CD661D" | Chocolate3 (205 102 29)
&#x23;CD661D
| style="background-color:#8B4513;color:#FFFFFF"|Chocolate4 (139 69 19)
&#x23;8B4513
|-----
| style="background-color:#FF3030" | Firebrick1 (255 48 48)
&#x23;FF3030
| style="background-color:#EE2C2C" | Firebrick2 (238 44 44)
&#x23;EE2C2C
| style="background-color:#CD2626" | Firebrick3 (205 38 38)
&#x23;CD2626
| style="background-color:#8B1A1A;color:#FFFFFF"|Firebrick4 (139 26 26)
&#x23;8B1A1A
|-----
| style="background-color:#FF4040" | Brown1 (255 64 64)
&#x23;FF4040
| style="background-color:#EE3B3B" | Brown2 (238 59 59)
&#x23;EE3B3B
| style="background-color:#CD3333" | Brown3 (205 51 51)
&#x23;CD3333
| style="background-color:#8B2323;color:#FFFFFF"|Brown4 (139 35 35)
&#x23;8B2323
|-----
| style="background-color:#FF8C69" | Salmon1 (255 140 105)
&#x23;FF8C69
| style="background-color:#EE8262" | Salmon2 (238 130 98)
&#x23;EE8262
| style="background-color:#CD7054" | Salmon3 (205 112 84)
&#x23;CD7054
| style="background-color:#8B4C39;color:#FFFFFF"|Salmon4 (139 76 57)
&#x23;8B4C39
|-----
| style="background-color:#FFA07A" | LightSalmon1 (255 160 122)
&#x23;FFA07A
| style="background-color:#EE9572" | LightSalmon2 (238 149 114)
&#x23;EE9572
| style="background-color:#CD8162" | LightSalmon3 (205 129 98)
&#x23;CD8162
| style="background-color:#8B5742;color:#FFFFFF"|LightSalmon4 (139 87 66)
&#x23;8B5742
|-----
| style="background-color:#FFA500" | Orange1 (255 165 0)
&#x23;FFA500
| style="background-color:#EE9A00" | Orange2 (238 154 0)
&#x23;EE9A00
| style="background-color:#CD8500" | Orange3 (205 133 0)
&#x23;CD8500
| style="background-color:#8B5A00;color:#FFFFFF"|Orange4 (139 90 0)
&#x23;8B5A00
|-----
| style="background-color:#FF7F00" | DarkOrange1 (255 127 0)
&#x23;FF7F00
| style="background-color:#EE7600" | DarkOrange2 (238 118 0)
&#x23;EE7600
| style="background-color:#CD6600" | DarkOrange3 (205 102 0)
&#x23;CD6600
| style="background-color:#8B4500;color:#FFFFFF"|DarkOrange4 (139 69 0)
&#x23;8B4500
|-----
| style="background-color:#FF7256" | Coral1 (255 114 86)
&#x23;FF7256
| style="background-color:#EE6A50" | Coral2 (238 106 80)
&#x23;EE6A50
| style="background-color:#CD5B45" | Coral3 (205 91 69)
&#x23;CD5B45
| style="background-color:#8B3E2F;color:#FFFFFF"|Coral4 (139 62 47)
&#x23;8B3E2F
|-----
| style="background-color:#FF6347" | Tomato1 (255 99 71)
&#x23;FF6347
| style="background-color:#EE5C42" | Tomato2 (238 92 66)
&#x23;EE5C42
| style="background-color:#CD4F39" | Tomato3 (205 79 57)
&#x23;CD4F39
| style="background-color:#8B3626;color:#FFFFFF"|Tomato4 (139 54 38)
&#x23;8B3626
|-----
| style="background-color:#FF4500" | OrangeRed1 (255 69 0)
&#x23;FF4500
| style="background-color:#EE4000" | OrangeRed2 (238 64 0)
&#x23;EE4000
| style="background-color:#CD3700" | OrangeRed3 (205 55 0)
&#x23;CD3700
| style="background-color:#8B2500;color:#FFFFFF"|OrangeRed4 (139 37 0)
&#x23;8B2500
|-----
| style="background-color:#FF0000" | Red1 (255 0 0)
&#x23;FF0000
| style="background-color:#EE0000" | Red2 (238 0 0)
&#x23;EE0000
| style="background-color:#CD0000" | Red3 (205 0 0)
&#x23;CD0000
| style="background-color:#8B0000;color:#FFFFFF"|Red4 (139 0 0)
&#x23;8B0000
|-----
| style="background-color:#FF1493" | DeepPink1 (255 20 147)
&#x23;FF1493
| style="background-color:#EE1289" | DeepPink2 (238 18 137)
&#x23;EE1289
| style="background-color:#CD1076" | DeepPink3 (205 16 118)
&#x23;CD1076
| style="background-color:#8B0A50;color:#FFFFFF"|DeepPink4 (139 10 80)
&#x23;8B0A50
|-----
| style="background-color:#FF6EB4" | HotPink1 (255 110 180)
&#x23;FF6EB4
| style="background-color:#EE6AA7" | HotPink2 (238 106 167)
&#x23;EE6AA7
| style="background-color:#CD6090" | HotPink3 (205 96 144)
&#x23;CD6090
| style="background-color:#8B3A62;color:#FFFFFF"|HotPink4 (139 58 98)
&#x23;8B3A62
|-----
| style="background-color:#FFB5C5" | Pink1 (255 181 197)
&#x23;FFB5C5
| style="background-color:#EEA9B8" | Pink2 (238 169 184)
&#x23;EEA9B8
| style="background-color:#CD919E" | Pink3 (205 145 158)
&#x23;CD919E
| style="background-color:#8B636C;color:#FFFFFF"|Pink4 (139 99 108)
&#x23;8B636C
|-----
| style="background-color:#FFAEB9" | LightPink1 (255 174 185)
&#x23;FFAEB9
| style="background-color:#EEA2AD" | LightPink2 (238 162 173)
&#x23;EEA2AD
| style="background-color:#CD8C95" | LightPink3 (205 140 149)
&#x23;CD8C95
| style="background-color:#8B5F65;color:#FFFFFF"|LightPink4 (139 95 101)
&#x23;8B5F65
|-----
| style="background-color:#FF82AB" | PaleVioletRed1 (255 130 171)
&#x23;FF82AB
| style="background-color:#EE799F" | PaleVioletRed2 (238 121 159)
&#x23;EE799F
| style="background-color:#CD6889" | PaleVioletRed3 (205 104 137)
&#x23;CD6889
| style="background-color:#8B475D;color:#FFFFFF"|PaleVioletRed4 (139 71 93)
&#x23;8B475D
|-----
| style="background-color:#FF34B3" | Maroon1 (255 52 179)
&#x23;FF34B3
| style="background-color:#EE30A7" | Maroon2 (238 48 167)
&#x23;EE30A7
| style="background-color:#CD2990" | Maroon3 (205 41 144)
&#x23;CD2990
| style="background-color:#8B1C62;color:#FFFFFF"|Maroon4 (139 28 98)
&#x23;8B1C62
|-----
| style="background-color:#FF3E96" | VioletRed1 (255 62 150)
&#x23;FF3E96
| style="background-color:#EE3A8C" | VioletRed2 (238 58 140)
&#x23;EE3A8C
| style="background-color:#CD3278" | VioletRed3 (205 50 120)
&#x23;CD3278
| style="background-color:#8B2252;color:#FFFFFF"|VioletRed4 (139 34 82)
&#x23;8B2252
|-----
| style="background-color:#FF00FF" | Magenta1 (255 0 255)
&#x23;FF00FF
| style="background-color:#EE00EE" | Magenta2 (238 0 238)
&#x23;EE00EE
| style="background-color:#CD00CD" | Magenta3 (205 0 205)
&#x23;CD00CD
| style="background-color:#8B008B;color:#FFFFFF"|Magenta4 (139 0 139)
&#x23;8B008B
|-----
| style="background-color:#FF83FA" | Orchid1 (255 131 250)
&#x23;FF83FA
| style="background-color:#EE7AE9" | Orchid2 (238 122 233)
&#x23;EE7AE9
| style="background-color:#CD69C9" | Orchid3 (205 105 201)
&#x23;CD69C9
| style="background-color:#8B4789;color:#FFFFFF"|Orchid4 (139 71 137)
&#x23;8B4789
|-----
| style="background-color:#FFBBFF" | Plum1 (255 187 255)
&#x23;FFBBFF
| style="background-color:#EEAEEE" | Plum2 (238 174 238)
&#x23;EEAEEE
| style="background-color:#CD96CD" | Plum3 (205 150 205)
&#x23;CD96CD
| style="background-color:#8B668B;color:#FFFFFF"|Plum4 (139 102 139)
&#x23;8B668B
|-----
| style="background-color:#E066FF" | MediumOrchid1 (224 102 255)
&#x23;E066FF
| style="background-color:#D15FEE" | MediumOrchid2 (209 95 238)
&#x23;D15FEE
| style="background-color:#B452CD" | MediumOrchid3 (180 82 205)
&#x23;B452CD
| style="background-color:#7A378B;color:#FFFFFF"|MediumOrchid4 (122 55 139)
&#x23;7A378B
|-----
| style="background-color:#BF3EFF" | DarkOrchid1 (191 62 255)
&#x23;BF3EFF
| style="background-color:#B23AEE" | DarkOrchid2 (178 58 238)
&#x23;B23AEE
| style="background-color:#9A32CD" | DarkOrchid3 (154 50 205)
&#x23;9A32CD
| style="background-color:#68228B;color:#FFFFFF"|DarkOrchid4 (104 34 139)
&#x23;68228B
|-----
| style="background-color:#9B30FF" | Purple1 (155 48 255)
&#x23;9B30FF
| style="background-color:#912CEE" | Purple2 (145 44 238)
&#x23;912CEE
| style="background-color:#7D26CD" | Purple3 (125 38 205)
&#x23;7D26CD
| style="background-color:#551A8B;color:#FFFFFF"|Purple4 (85 26 139)
&#x23;551A8B
|-----
| style="background-color:#AB82FF" | MediumPurple1 (171 130 255)
&#x23;AB82FF
| style="background-color:#9F79EE" | MediumPurple2 (159 121 238)
&#x23;9F79EE
| style="background-color:#8968CD" | MediumPurple3 (137 104 205)
&#x23;8968CD
| style="background-color:#5D478B;color:#FFFFFF"|MediumPurple4 (93 71 139)
&#x23;5D478B
|-----
| style="background-color:#FFE1FF" | Thistle1 (255 225 255)
&#x23;FFE1FF
| style="background-color:#EED2EE" | Thistle2 (238 210 238)
&#x23;EED2EE
| style="background-color:#CDB5CD" | Thistle3 (205 181 205)
&#x23;CDB5CD
| style="background-color:#8B7B8B;color:#FFFFFF" | Thistle4 (139 123 139)
&#x23;8B7B8B
|-----
| style="background-color:#F5F5F5" | WhiteSmoke  (245 245 245)
&#x23;F5F5F5
| style="background-color:#DCDCDC " | Gainsboro (220 220 220)
&#x23;DCDCDC
| style="background-color:#D3D3D3 " | LightGrey (211 211 211)
&#x23;D3D3D3
| style="background-color:#C0C0C0 "|Silver (192 192 192)
&#x23;C0C0C0
|----- style="color:#FFFFFF"
| style="background-color:#B5B5B5" | grey71 (181 181 181)
&#x23;B5B5B5
| style="background-color:#A9A9A9" | DarkGrey ( 169 169 169)
&#x23;A9A9A9
| style="background-color:#9C9C9C" | gray61 (156 156 156)
&#x23;9C9C9C
| style="background-color:#696969"|grey41 (105 105 105)
&#x23;696969
|----- style="color:#FFFFFF"
| style="background-color:#4F4F4F"|grey31 (79 79 79)
&#x23;4F4F4F
| style="background-color:#363636"|grey21 (54 54 54)
&#x23;363636
| style="background-color:#1C1C1C"|grey11 (28 28 28)
&#x23;1C1C1C
| style="background-color:#000000"|black (0 0 0)
&#x23;000000
|}

== Siehe auch ==
* [[wiki:Webfarben|Webfarben]]

== Weblinks ==

* [http://www.wackerart.de/mixer.html RGB-Farbmixer] Java-Applet – Java-Plugin im Browser ist erforderlich.
* [http://de.selfhtml.org/helferlein/farben.htm SelfHTML-Farbhelfer]
* [http://www.farb-tabelle.de Eine Farbtabelle sortiert nach Schattierungen]
* [http://wellstyled.com/tools/colorscheme2/index-en.html Zusammenpassende Farb-Schemata] - sehr nützlich zur Auswahl passender Schattierungen
* [http://farbfinder.smartbytes.de/ FarbFinder] Ein JavaScript-Programm zum direkten einfärben einer HTML-Seite. Die Tabellen sind der natürlichen Wahrnehmung entsprechend dreidimensional sortiert.

{{Farbdarstellung}}

[[Kategorie:DAoCpedia Hilfe|Farbtabelle]]