Hilfe:Farbe

aus Wikipedia, der freien Enzyklopädie
(Weitergeleitet von Hilfe:Farben)
Wechseln zu: Navigation, Suche
Abkürzung: WP:COLOR
Hilfe > Wikisyntax > Farbe

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 sind deiner Farbgestaltung keine Grenzen gesetzt. Wenn du ein Portal gestaltest, darf es durchaus etwas farbiger werden, orientiere dich jedoch an Bestehendem.

Zuweisung[Bearbeiten]

Zur Farbgebung dient in MediaWiki wie in HTML das style-Attribut. Es wirkt auf in Tags eingeschlossene Bereiche sowie in der Tabellensyntax. Farben werden normalerweise mit einem sog. RGB-Wert (Rot, Grün, Blau) angegeben.

Im style-Attribut kann man mit den CSS-Anweisungen color:#RRGGBB den Text und mit background-color:#RRGGBB (oder kurz background:#RRGGBB) die Hintergrundfläche einfärben; außerdem gibt es für Rahmenfarbe border-color:#RRGGBB (oder border:#RRGGBB in Kurzkombination).

#RRGGBB steht für eine hexadezimale Farbdefinition: Die Werte jeweils für Rot (RR), Grün (GG) und Blau (BB) sind zweistellig anzugeben und können zwischen 00 und FF (dezimal 0 und 255) liegen; wenn allerdings bei allen RR-, GG- und BB-Werten jeweils beide Stellen identisch sind (z. B. hexadezimal „33“ für dezimal „51“), kann die Angabe auch auf eine Stelle verkürzt werden (3 statt 33 also etwa #369 anstatt #336699) – allerdings nicht beim ohnehin veralteten bgcolor, das bei wikitable-klassifizierten Tabellen sowieso gar nicht funktioniert. Die RGB-Werte können auch dezimal angegeben werden, etwa rgb(56,101,203) (rgb(R,G,B)). Die Angabe in HSL ist jedoch aus Kompatibilitätsgründen zu unterlassen.

Man könnte statt der RGB-Werteangabe auch die unten aufgeführten Farbnamen verwenden (ohne „#“), aber auch hier ist die volle Kompatibilität nicht gegeben, so dass die Werteangabe zu bevorzugen ist.

Farben verwenden[Bearbeiten]

Syntax für den Quelltext[Bearbeiten]

Aktion Wikitext Ergebnis
Farbiger Text <span style="color:#006400"> Text </span> Text
Farbige Blöcke <div style="color:darkgreen"> Block </div>
Block
Hintergrund für ein oder einige Wörter <span style="background-color:yellow"> Beispiel </span> Beispiel
Hintergrund eines Blocks <div style="background-color:yellow"> Block </div>
Block
Farbiger Text + Hintergrund eines Blocks <div style="background:yellow; color:darkgreen"> Block </div>
Block
Hintergrund einer Tabellenzelle style="background:#e0e0e0"| Text Text
bgcolor="#e0e0e0"| Text Text (veraltet, nicht mehr neu verwenden)
class="hintergrundfarbe5"| Text Text
Die ohnehin veralteten Kurzformenkombination bgcolor=#fa3 wird von einigen Browsern falsch aufgelöst – keinesfalls verwenden!

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

Klassen[Bearbeiten]

Wikipedia-Farbdefinitionen über Klassen (class) haben den Vorteil, dass sie sich den unterschiedlichen Skins anpassen können, also jeweils unterschiedlich sein können. Sie geben Artikeln und anderen Seiten eine ruhige und einheitliche Gestaltung. Vorrangig werden sie benutzt für Rahmen und Hintergründe von Tabellen und Textbausteinen. Hier: Standardvorgaben für „dunkle Schrift auf hellem Grund“.

Hintergrundfarben[Bearbeiten]

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 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
Anwendung Farbe je nach Skin
vector monobook modern cologneblue
Inhaltsverzeichnis #F9F9F9 #F9F9F9 #F0F0F0 #F7F8FF
Artikelseiten #FFFFFF #FFFFFF #FFFFFF #FFFFFF
Diskussions- und Projektseiten #FFFFFF #F3F3FF #FFFFFF #FFFFEC

Rahmenfarben[Bearbeiten]

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

Klassenname Kurzbeschreibung Farbe
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

Farbcodes[Bearbeiten]

Ausführliche Farbtabellen findest du im Artikel Webfarbe (die Abschnitte dort müssen mit der Maus aufgeklappt werden). Im Web lassen sich zahlreiche weitere Farbtabellen und Farbwähler finden. Verwende in der Wikipedia möglichst nicht die englischsprachigen Farbnamen, sondern die hexadezimalen Farbcodes (zum Beispiel #FF0000 oder #F00) per Kopieren und Einfügen. Obwohl viele Farbnamen standardisiert sind, können sie unter Umständen verschieden angezeigt werden. So zeigt X11 einige Farben heller als CSS.

Farbname CSS X11
gray/grey #808080 #BEBEBE
green #008000 #00FF00
maroon #800000 #B03060
purple #800080 #A020F0

Farbnamen mit Nummern am Ende sind im Web nicht standardisiert. Diese sogenannten X11-Farben werden in der Regel nur von Webbrowsern unter Linux/Unix verstanden. Sie sollten in der Wikipedia nicht verwendet werden.

Weitere Informationen[Bearbeiten]

  • Hilfe:Farbtabelle – Tausende von Farbcodes
  • Wikipedia:Farbe – Enzyklopädische Artikel mit Hintergrundinformationen sowie Projektseiten und Vorlagen in der deutschsprachigen Wikipedia

Extern

  • Farbwähler im SelfHTML-Wiki
  • Zusammenpassende Farb-Schemata (benötigt JavaScript) – 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.

Anmerkungen[Bearbeiten]


Farb-Check-RGB.png

Die in diesem Artikel angezeigten Farben sind nicht farbverbindlich und können auf verschiedenen Monitoren unterschiedlich erscheinen.
Eine Möglichkeit, die Darstellung mit rein visuellen Mitteln näherungsweise zu kalibrieren, bietet das nebenstehende Testbild (nur wenn die Seite nicht gezoomt dargestellt wird): Tritt auf einer oder mehreren der drei grauen Flächen ein Buchstabe („R“ für Rot, „G“ für Grün oder „B“ für Blau) stark hervor, sollte die Gammakorrektur des korrespondierenden Monitor-Farbkanals korrigiert werden. Das Bild ist auf einen Gammawert von 2,2 eingestellt – den gebräuchlichen Wert für IBM-kompatible Computer. Apple-Macintosh-Rechner hingegen verwenden bis einschließlich System 10.5 („Leopard“) standardmäßig einen Gammawert von 1,8, seit dem System 10.6 („Snow Leopard“) kommt Gamma 2,2 zum Einsatz.