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.
| Beschreibung | mögliche Werte | Standardwert | Kategorie |
|---|---|---|---|
| Schriftfarbe | Schriftfarbe inherit |
Black | Farben Schriftfarbe |
Die Angabe in oranger Schrift ist die Standardanwendung der CSS-Eigenschaft color
-
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.
-
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.
-
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.
Textfarbe (Vordergrundfarbe) mit color festlegen
/* 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: 1em;
}