Zum Inhalt springen

Hilfe:Farben

Aus Wikibooks

Hoch zum Lehrbuch

Allgemeines ...: Sei mutig!Seite bearbeitenVorschauSonderzeichenRechtschreibungTypografieSchreibstil verbessern Inhaltsverzeichnis einer Seite
Die Spielwiese.: Erste Schritte Formatierung auf der Spielwiese üben
Textgestaltung.: ZitierenFarbenRahmenTabellenFußnotenInfoboxen
Weiterführendes: VorlagenFormeln mit LaTeXAndere Inhalte einbindenListe von Seiten


Farbvorlagen

[Bearbeiten]
Schriftfarbe Rot und Blau

Wer einzelne Wörter oder kleinere Textbausteine in die Signalfarben "Rot" oder "Blau" setzen möchte, der verwende folgende Vorlagen

  • Beispieltext mit einem {{rot|roten}} Wort.
  • Beispieltext mit zwei {{blau|blauen Worten}}.

Rot wird allgemein für Warnungen und wichtige Hinweise verwendet, und Blau für eine allgemeine Hinweise und Hervorhebung einzelner Worte, Texte und insbesondere für Vokabeln.


andere Schriftfarben

Durch einen weiteren optionalen Parameter |Farbangabe am Ende des zu färbenden Textes kann auch jede andere Farbe eingestellt werden.

  • Beispieltext mit einem {{rot|orangen|orange}} und einem {{blau|grünen|green}} Wort.


Hintergrundfarbe

Wer nur die Hintergrundfarbe einzelner Wörter oder kleinerer Textbausteine ändern möchte der kann folgende Vorlage für die Hintergrund-Farbe (engl. background-color) verwenden.

  • Beispieltext mit einem Text in {{bg|SpringGreen|frühlingsgrüner Hintergrundfarbe}}.


Text und Hintergrundfarbe

Damit man nicht die beiden Vorlagen verschachteln muss, um sowohl die Schriftfarbe als auch die Hintergrundfarbe zu ändern gibt es die Farbe-Vorlage.

  • Beispieltext mit {{farbe|white|black| weißer Schrift auf schwarzem Hintergrund}}.


Syntax (Kopiervorlagen)
  • {{blau|Text}}
  • {{blau|Text|Schriftfarbe}}
  • {{rot|Text}}
  • {{rot|Text|Schriftfarbe}}
  • {{bg|Hintergrundfarbe|Text}}
  • {{farbe|Schriftfarbe|Hintergrundfarbe|Text}}
Als Farbangaben kann man alle Farbcodes eingeben, die ein Webbrowser versteht.
Der Text selbst kann mit dem typischen Wiki-Syntax zusätzlich ''kursiv'' oder '''fett''' gedruckt werden.
Auch wenn mehrere Verschachtelungen von Formatvorlagen und HTML-Formatierungen theoretisch möglich sind, solltest du für die Übersicht darauf verzichten. Sonst können andere deinen Text nicht mehr nacharbeiten.
Für aufwendigere Formatierungen verwende besser die nachfolgenden Mittel.


Mit HTML-Code und dem Style-Attribut können die Farben von Schrift, Linien und Hintergrund beeinflusst werden. Einzelheiten dazu übersteigen den Zweck dieser Hilfe-Seiten.

Beispiel
<div style="color:maroon; background-color:gold; text-align:center;">Beispieltext</div>

So sieht das aus:

Beispieltext

Farben können sowohl mit einem Namen als auch mit einem Code wie color: #800000; statt color:maroon; angegeben werden.

Soll nur ein Teil innerhalb eines Textes geändert werden, verwenden Sie <font color>:

Beispiel
Das ist ein <font color="red">rotes</font> Wort.

So sieht das aus: Das ist ein rotes Wort.

Es sind auch Kombinationen möglich, z. B. mit <b> (Fett), <i> (Kursiv), <u> (Unterstrichen).

Beispiel
Das sind <font color="green">grüne, <u>unterstrichene <b>fette</b></u></font> Worte.

So sieht das aus: Das sind grüne, unterstrichene fette Worte.

Farbenauswahl

Beispiele dafür, wie Farben für Text oder als Hintergrund wirken:

black maroon brown indigo navy blue magenta purple indigo pink green olive teal gray silver gold
black maroon brown indigo navy blue magenta purple indigo pink green olive teal gray silver gold
red lime yellow aqua skyblue white
red lime yellow aqua skyblue white


Farben finden

Im Internet gibt es viele Quellen für Farben, beispielsweise hier: