CSS Grundlagen: Schriftfarben anpassen leicht gemacht - Eine einfache Anleitung für Color

English

Schriftfarbe festlegen: CSS Eigenschaft Color

Im Grunde gibt es zur Schriftfarbe bzw. Vordergrundfarbe nicht viel zu sagen. Ebenso wie die Hintergrundfarbe lässt sich auch die Schriftfarbe als Hex-Code #RRGGBB, als RGB-Wert rgb(R,G,B) oder als HTML Farbname definieren.

CSS-Eigenschaft: Color
Beschreibung mögliche Werte Standardwert Kategorie
Schriftfarbe Schriftfarbe
inherit		 Black Farben
Schriftfarbe

Die Angabe in oranger Schrift ist die Standardanwendung der CSS-Eigenschaft color

Beachte:

  1. Mit CSS 3 stehen Farbnamen für 141 Farben zur Verfügung. Groß- oder Kleinschreibungsind spielt bei den Farbnamen keine Rolle, d.h. die Farbnamen sind nicht case-sensitiv. In der Praxis werden Farbnamen allerdings selten benutzt, da die Wahl der Farbe z.B. mit Hex-Code wesentlich flexibler ist.

  2. Die Definition der Farbe mit Hex-Code (#RRGGBB) ist die Standard-Methode. Der Farb-Code beginnt mit dem Rautezeichen #, gefolgt von 6 Hex Ziffern für die Farbanteile von Rot, Grün und Blau (RGB). Für jede Grundfarbe werden zwei Hex-Ziffern (0 - F) verwendet. Je Primärfarbe sind somit 256 Werte von 00 bis FF möglich. Das heißt, es gibt insgesamt 2563 ≂ 16.7 Millionen Farben.

  3. Bei der Angabe der Farbe als RGB-Wert rgb(R, G, B) müssen die Werte für die Grundfarben jeweils als Dezimalzahl von 0 bis 255 angegeben werden.

Beispiel 
/* Hintergrund der Seite */
body {
  /* Schriftart */
  font-family: "Noto Sans", "Open Sans", Verdana, Arial, sans-serif;

  /* Hintergrund GhostWhite */
  background: #f8f8ff;

  /* Schriftfarbe DarkSlateGrey */
  color: #2f4f4f;

  /* Standard-Schriftgröße */
  font-size: 1.0em;
}