Farben

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 oder 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). Statt der Angabe #RRGGBB ist, außer mit bgcolor, immer auch die Kurzangabe #RGB möglich. Man kann statt der Codierung „#RRGGBB“ auch die unten aufgeführten Farbnamen verwenden (ohne „#“).

Farben verwenden

Aktion	Wikitext	Ergebnis
Farbiger Text	<span style="color:#006400"> Text </span>	Text
Farbige Absätze	<p style="color:darkgreen"> 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:darkgreen; background-color:yellow"> Absatz </p>	Absatz
Hintergrund einer Tabellenzelle	style="background-color:#fedbca" | Text	Text
Die Kurzformenkombination bgcolor=#fa3 wird von einigen Browsern falsch aufgelöst – keinesfalls verwenden!

Rot als Textfarbe sollte in Artikeln nicht verwendet werden; siehe auch Textgestaltung.

Wiki Farbdefinitionen: für Rahmen und Hintergründe von Textbausteinen, Tabellen und anderem. Hier: Standardvorgaben für „dunkle Schrift auf hellem Grund“. Die Farben sind unabhängig von den direkten Farbwerten zu verstehen und können prinzipiell für unterschiedliche Skins unterschiedlich sein.

Hintergrundfarben

Anwendungsbeispiele

• Innerhalb vom Fließtext oder 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
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		#EFDEAD
hintergrundfarbe9		#B9FFC5

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