Farbtabelle

Aus CivWiki
Wechseln zu: Navigation, Suche

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 Benutzerseite darfst du dafür nach Herzenslust aus den Farbtöpfen unten schöpfen :-). Wenn du ein Portal gestaltest, darf es durchaus etwas farbiger werden, orientier dich jedoch an Bestehendem.

Zur Farbgebung dient in 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 <div> 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 „#“).

Siehe auch: Web-Farben, HTML, Cascading Style Sheets, Rot-Grün-Sehschwäche, Farbenblindheit

Farben verwenden

Aktion Wikitext Ergebnis
Farbiger Text <span style="color:#ff0000">Text</span> Text
Farbige Absätze <div style="color:red">Absatz</div>
Absatz
Hintergrund für ein oder wenige Worte <span style="background-color:yellow">Beispiel</span> Beispiel
Hintergrund eines Absatzes <div style="background-color:yellow">Absatz</div>
Absatz
Hintergrund einer Tabellenzelle style="background:#FEDBCA;" | Text Text
    - deprecated bgcolor="#FEDBCA" | Text Text

Wikipedia Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen. Hier: Standardvorgaben für "dunkle Schrift auf hellem Grund".

Klassen-Name Kurzbeschreibung Farbe Hex-Werte
  • Hintergrund-Farben
hintergrundfarbe1 Wie Inhaltsverzeichnis #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 Allgemein „bunt“, für Hervorhebungen und Unterscheidungen #FFCBCB
hintergrundfarbe8 Allgemein „bunt“, für Hervorhebungen und Unterscheidungen #FFEBAD
hintergrundfarbe9 Allgemein „bunt“, für Hervorhebungen und Unterscheidungen #B9FFC5
  • Rahmen-Farben
rahmenfarbe1 Wie Inhaltsverzeichnis #AAAAAA
rahmenfarbe2 Unauffällig, geringer Kontrast #E9E9E9
rahmenfarbe3 "Rot", auffällig #C00000
rahmenfarbe4 Neutrale Farbe, deutlich #8888AA
rahmenfarbe5 "Schwarz", hoher Kontrast #000000

Siehe auch Tabellen.

Farbcodes

Einige Farben zum einfachen einsetzen. Es können die Hexadezimalwerte oder die Farbnamen eingesetzt werden. Vorlage:W3C-Farben

Weblinks

Vorlage:Farbdarstellung