Farbtabelle
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 |
|---|---|---|---|
|
|||
| 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 | |
|
|||
| 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
- RGB-Farbmixer Java-Applet – Java-Plugin im Browser ist erforderlich.
- SelfHTML-Farbhelfer
- Eine Farbtabelle sortiert nach Schattierungen
- Zusammenpassende Farb-Schemata - sehr nützlich zur Auswahl passender Schattierungen
