Hilfe:Farben: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<ul id="tabnav">
{| class="hintergrund border_1"
<li class="tabinaktiv">[[Hauptseite|Almanach]]</li>
|-
<li class="tabinaktiv">[[Hauptseite/Exzellent|Exzellent]]</li>
| [[Tamriel-Almanach:Hilfe|Hilfe]] > [[Hilfe:Formatierung|Formatierung]] > '''Farben'''
<li class="tabinaktiv">[[Hauptseite/Artikel|Artikel]]</li>
|}
<li class="tabinaktiv">[[Hauptseite/Projekte|Projekte]]</li>
<li class="tabaktiv">[[Hauptseite/Hilfe|Hilfe]]</li>
</ul>


Um ein einheitliches Erscheinungsbild zu wahren, sollten '''Farben''' im Tamriel-Almanach Farben mit viel Bedacht eingesetzt werden. Nutze Farben in Artikeln nur in Ausnahmefällen, wenn sie inhaltlich sinnvoll sind. Im Zweifelsfall immer mit den anderen Autoren des Almanachs abstimmen.


< [[Hauptseite/Hilfe|Hilfe]] < [[Hilfe:Formatieren|Formatieren]] < '''Farben'''
==Farben einbinden==
Zur Farbgebung dient in der vom Tamriel-Almanach verwendeten Software MediaWiki wie in HTML das '''<nowiki>style</nowiki>'''-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel '''''<nowiki><span></nowiki>''''' für einzelne Buchstaben und Wörter oder '''<nowiki><p></nowiki>''' für Absätze.


Im '''''<nowiki>style</nowiki>'''''-Attribut färbt man mit den CSS-Anweisungen '''<nowiki>color:#RRGGBB;</nowiki>''' für Textfarbe bzw. '''<nowiki>background-color:#RRGGBB;</nowiki>''' für Hintergrundfarbe einen Abschnitt ein. „#RRGGBB“ steht für eine 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 „#“).


Um ein einheitliches Erscheinungsbild zu wahren, sollten '''Farben''' im Tamriel-Almanach Farben mit viel Bedacht eingesetzt werden. Nutze Farben in Artikeln nur in Ausnahmefällen, wenn sie inhaltlich sinnvoll sind.
==Farben des Tamriel-Almanachs==
__TOC__
{| class="wikitable"
Zur Farbgebung dient in der vom Tamriel-Almanach verwendeten Software MediaWiki wie in HTML das '''''<nowiki>style</nowiki>'''''-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel '''''<nowiki><span></nowiki>''''' für einzelne Buchstaben und Wörter oder '''''<nowiki><p></nowiki>''''' für Absätze.
|-
 
! Anwendung !! RGB-Farbcode
Im '''''<nowiki>style</nowiki>'''''-Attribut färbt man mit den CSS-Anweisungen '''''<nowiki>color:#RRGGBB;</nowiki>''''' für Textfarbe bzw. '''''<nowiki>background-color:#RRGGBB;</nowiki>''''' für Hintergrundfarbe einen Abschnitt ein. „#RRGGBB“ steht für eine 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 „#“).
 
== Farben verwenden ==
 
{| class="wikitable w95rel"
|-class="hintergrundfarbe6"
! Aktion
! Text
! Ergebnis
|-
|-
| farbiger Text
|Hintergrund || style="background-color:#FBF4E5; text-align:center;" | #FBF4E5
| <tt><span&nbsp;style<nowiki>="color:#A9A9A9;">Text</span></nowiki></tt>
| <span style="color:#A9A9A9;">Text</span>
|-
|-
| farbige Absätze
|Hervorhebung<br />(z.B. Tabellenköpfe) || style="background-color:#F6E4C2; text-align:center;" | #F6E4C2
| <tt><p&nbsp;style<nowiki>="color:darkgrey;">Absatz</p></nowiki></tt>
| <p style="color:darkgrey;">Absatz</p>
|-
|-
| Hintergrund für ein oder wenige Wörter
|Rahmen || style="background-color:#9E5C3B; text-align:center;" | #9E5C3B
| <tt><span&nbsp;style<nowiki>="background-color:black;">Beispiel</span></nowiki></tt>
|}
| <span style="background:black;">Beispiel</span>
 
== Farben verwenden ==
{| class="wikitable"
|-
! Aktion !! Text !! Ergebnis
|-
|-
| Hintergrund eines Absatzes
| farbiger Text || <tt><span&nbsp;style<nowiki>="color:#A9A9A9;">Text</span></nowiki></tt> || <span style="color:#A9A9A9;">Text</span>
| <tt><p&nbsp;style<nowiki>="background-color:black;">Absatz</p></nowiki></tt>
| <p style="background:black;">Absatz</p>
|-
|-
| farbiger Text und Hintergrund eines Absatzes
| farbige Absätze || <tt><p&nbsp;style<nowiki>="color:darkgrey;">Absatz</p></nowiki></tt> || <p style="color:darkgrey;">Absatz</p>
| <tt><p&nbsp;style<nowiki>="color:darkgrey; background-color:black;">Absatz</p></nowiki></tt>
| <p style="color:darkgrey; background-color:black;">Absatz</p>
|-
|-
| Hintergrund einer Tabellenzelle
| Hintergrund für ein oder wenige Wörter || <tt><span&nbsp;style<nowiki>="background-color:black;">Beispiel</span></nowiki></tt> || <span style="background:black;">Beispiel</span>
| <tt><nowiki>style="background-color:#C0C0C0;" | Text</nowiki></tt>
| style="background-color:#C0C0C0;" | Text
|}
<br><br>
{| class="wikitable"
|-class="hintergrundfarbe6"
! Almanach-Standards
|-
|-
| style="background-color:#FBF4E5;" | Hintergrund: #FBF4E5
| Hintergrund eines Absatzes || <tt><p&nbsp;style<nowiki>="background-color:black;">Absatz</p></nowiki></tt> || <p style="background:black;">Absatz</p>
|-
|-
| style="background-color:#F6E4C2;" | Hervorhebung: #F6E4C2
| farbiger Text und Hintergrund eines Absatzes || <tt><p&nbsp;style<nowiki>="color:darkgrey; background-color:black;">Absatz</p></nowiki></tt> || <p style="color:darkgrey; background-color:black;">Absatz</p>
|-
|-
| style="background-color:#9E5C3B;" | Rahmen: #9E5C3B
| Hintergrund einer Tabellenzelle || <tt><nowiki>style="background-color:#C0C0C0;" | Text</nowiki></tt> || style="background-color:#C0C0C0;" | Text
|}
 
== Farbcodes ==
 
Einige Farben zum einfachen Einsetzen in CSS, wobei standardmäßig nur die Farbnamen der 1. Spalte ohne Kennziffer interpretiert werden. Wikitext: <nowiki>style="background-color:</nowiki>''Farbname''" oder <nowiki>style="background-color:</nowiki>(''RGB-Wert dezimal mit Abstand'')" oder <nowiki>style="background-color:</nowiki>#''Hexadezimalwert''". Generell ist der Hexadezimalwert zu empfehlen, da bei Verwendung der Farbnamen mangels Unterstützung auch weit verbreitete Browser wie der Internet Explorer oder Firefox die Farben der ersten Spalte nicht korrekt darstellen.
 
{| border=0 cellpadding="3" cellspacing="1" align="center" style="font-size:89%; text-align:center; line-height:1em; width:95%; color:#000000;"
|-----
| 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" | 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
|}
|}


== Weblinks ==
==Weblinks==
 
{|
* [http://www.wackerart.de/mixer.html RGB-Farbmixer] Java-Applet – Java-Plugin im Browser ist erforderlich.
|
* [http://www.wackerart.de/mixer.html RGB Farb-Mixer]
* [http://de.selfhtml.org/helferlein/farben.htm SelfHTML-Farbhelfer]
* [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://www.farb-tabelle.de Eine Farbtabelle]
* [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.
* [http://web.archive.org/web/20080624023532/http://html.rahty.de/farbtabelle.html Eine weitere Farbtabelle]
|
* [http://colorschemedesigner.com Farb-Schemata]
* [http://farbfinder.smartbytes.de Farb-Finder]
|-


__NOTOC__
{{Wikipedia|Hilfe:Farben}}
{{Wikipedia|Hilfe:Farben}}
[[Kategorie:Tamriel-Almanach Hilfe|Farben]]
[[Kategorie:Tamriel-Almanach Hilfe|Farben]]

Aktuelle Version vom 26. Juni 2016, 10:51 Uhr

Hilfe > Formatierung > Farben

Um ein einheitliches Erscheinungsbild zu wahren, sollten Farben im Tamriel-Almanach Farben mit viel Bedacht eingesetzt werden. Nutze Farben in Artikeln nur in Ausnahmefällen, wenn sie inhaltlich sinnvoll sind. Im Zweifelsfall immer mit den anderen Autoren des Almanachs abstimmen.

Farben einbinden

Zur Farbgebung dient in der vom Tamriel-Almanach verwendeten Software MediaWiki wie in HTML das style-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel <span> für einzelne Buchstaben und Wörter oder <p> für Absätze.

Im style-Attribut färbt man mit den CSS-Anweisungen color:#RRGGBB; für Textfarbe bzw. background-color:#RRGGBB; für Hintergrundfarbe einen Abschnitt ein. „#RRGGBB“ steht für eine 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 „#“).

Farben des Tamriel-Almanachs

Anwendung RGB-Farbcode
Hintergrund #FBF4E5
Hervorhebung
(z.B. Tabellenköpfe)
#F6E4C2
Rahmen #9E5C3B

Farben verwenden

Aktion Text Ergebnis
farbiger Text <span style="color:#A9A9A9;">Text</span> Text
farbige Absätze <p style="color:darkgrey;">Absatz</p>

Absatz

Hintergrund für ein oder wenige Wörter <span style="background-color:black;">Beispiel</span> Beispiel
Hintergrund eines Absatzes <p style="background-color:black;">Absatz</p>

Absatz

farbiger Text und Hintergrund eines Absatzes <p style="color:darkgrey; background-color:black;">Absatz</p>

Absatz

Hintergrund einer Tabellenzelle style="background-color:#C0C0C0;" | Text Text

Weblinks


Diese Seite basiert auf der Seite Hilfe:Farben aus der freien Enzyklopädie Wikipedia und steht unter der GNU-Lizenz für freie Dokumentation. In der Wikipedia ist eine Liste der Autoren verfügbar.