Hilfe:Farben

Diese Seite ist Teil des F-Praktikum SOWAS Wiki Handbuchs.

Beschrieben werden die Funktionen der Wiki-Software, die Inhalte stammen größtenteils aus dem MediaWiki-Handbuch.

Zur Farbgebung dient in MediaWiki wie in HTML das style-Attribut. Bereiche, die man farbig gestalten will, werden in Tags eingeschlossen, zum Beispiel in span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze 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 verwenden

Aktion	Wikitext	Ergebnis
Farbiger Text	<span style="color:#ff0000;"> Text </span>	Text
Farbige Absätze	<p style="color:red;"> Absatz </p>	Absatz
Hintergrund für ein oder wenige Wörter	<span style="background-color:yellow;"> Beispiel </span>	Beispiel
Hintergrund eines Absatzes	<p style="background-color:yellow;"> Absatz </p>	Absatz
Farbiger Text + Hintergrund eines Absatzes	<p style="color:red; background-color:yellow;"> Absatz </p>	Absatz
Hintergrund einer Tabellenzelle	style="background-color:#fedbca;" | Text	Text

Hintergrundfarben

Anwendungsbeispiele:

Innerhalb vom Fließtext bzw. einer Textzeile

• <span class="hintergrundfarbe5">innerhalb einer Textzeile</span>
  oder etwas „schöner“ mit „padding“ links und rechts
  <span class="hintergrundfarbe5" style="padding:0 1.5pt 0 1.5pt">innerhalb einer Textzeile</span>

Blockweise

• <div class="hintergrundfarbe5">Text, Bilder, Tabellen usw.</div>

Klassen-Name	Kurzbeschreibung	Farbe in allen Skins
hintergrundfarbe1	Wie class="wikitable"	#F9F9F9
hintergrundfarbe2	„Weiß“, für Nicht-Artikel-Seiten, neutral	#FFFFFF
hintergrundfarbe3	„Gelb“, auffällig	#FFFF40
hintergrundfarbe4	Sehr auffällig	#FFAA00
hintergrundfarbe5	Neutral, abgesetzt	#E0E0E0
hintergrundfarbe6	Allgemein „bunt“, für Hervorhebungen und Unterscheidungen	#B3B7FF
hintergrundfarbe7		#FFCBCB
hintergrundfarbe8		#FFEBAD
hintergrundfarbe9		#B9FFC5

Anwendungsbereich	Farbe je nach Skin
	simple	myskin	chick	monobook	modern	standard	cologneblue	nostalgia
Inhaltsverzeichnis	–ohne–	–ohne–	#F9F9F9	#F9F9F9	#F0F0F0	#F7F8FF	#F7F8FF	#F7F8FF
Artikelseiten	#C0C0C0	#C0C0C0	#C0C0C0	#FFFFFF	#FFFFFF	#FFFFFF	#FFFFFF	#FFFFFF
Diskussions- und Projektseiten	#C0C0C0	#C0C0C0	#C0C0C0	#F3F3FF	#FFFFFF	#FFFFEC	#FFFFEC	#FFFFEC

Rahmenfarben

Anwendung beispielsweise: <span class="rahmenfarbe3" style="border-style: solid; border-width: 2px; margin: 2px;"> Text</span>

Klassenname	Kurzbeschreibung	Farbe
rahmenfarbe1	Wie Inhaltsverzeichnis	rahmenfarbe1
rahmenfarbe2	Unauffällig, geringer Kontrast	rahmenfarbe2
rahmenfarbe3	„Rot“, auffällig	rahmenfarbe3
rahmenfarbe4	Neutrale Farbe, deutlich	rahmenfarbe4
rahmenfarbe5	„Schwarz“, hoher Kontrast	rahmenfarbe5

Tabelle Farbcodes

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

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

Weblinks

• SelfHTML-Farbhelfer
• Eine Farbtabelle sortiert nach Schattierungen
• Zusammenpassende Farb-Schemata – sehr nützlich zur Auswahl passender Schattierungen
• FarbFinder Ein JavaScript-Programm zum direkten Einfärben einer HTML-Seite. Die Tabellen sind der natürlichen Wahrnehmung entsprechend dreidimensional sortiert.
• HTML Farbtabelle Eine Auflistung von allen bekannten HTML Farbnamen mit Farb-Beispiel (RGB, Hex-Code, Farbname).