Cascading Style Sheets (CSS)
etwas Farbe zwischendurch
In der Welt der Webseiten spielt Farbe eine grosse Rolle. Wir können denn auch für alle möglichen Komponenten Farben angeben, so zum Beispiel für Schriften, Hintergründe und Rahmen.
HTML und CSS kennen einige Farben persönlich. Die Farb-Namen sind
aqua | |
black | |
blue | |
fuchsia | |
gray | |
green | |
lime | |
maroon | |
navy | |
olive | |
purple | |
red | |
silver | |
teal | |
white | |
yellow |
Nun ist aber ein Bildschirm in der Lage, 16 Millionen Farben wiederzugeben und so viele Namen können wir nicht herausfinden. Daher wird's jetzt etwas technischer. Nehmen wir's Schritt für Schritt.
- Jede Farbe setzt sich aus einem Rot-, einem Grün- und einem Blau-Anteil zusammen. Das ist nicht ganz so, wie wir's von den Farbstiften her gewohnt sind, gehört aber zum Physikalischen Alltag.
- Farben sind Licht. Je mehr Farbe, desto heller. Sind alle Farb-Anteile auf Null, so ist das Resultat schwarz, sind sie alle auf Maximalstärke, ist es weiss.
- Jeder der drei Farb-Anteile kann mehr oder weniger stark vertreten sein. Die Skala reicht von 0 bis 255.
Die sogenannte RGB-Codierung (RGB heisst Rot-Grün-Blau) ist weit verbreitet und findet auch in Style Sheets ihre Anwendung. Und nun wird's Zeit für ein erstes Beispiel:
h1 { color: rgb(0,255,0) }
bedeutet, dass die Schriftfarbe für Haupt-Titel (<h1>) grün ist. Warum?
Weil hier ein Rot-Anteil von 0, ein Grün-Anteil von 255 und ein Blau-Anteil von
0 angegeben wurden. Dasselbe Resultat wäre übrigens auch mit folgender Angabe
erreicht worden:
h1 { color: rgb(0%,100%,0%) }
Die Werte der Farben werden sehr häufig statt mit Dezimalzahlen im Hexadezimalen Zahlensystem angegeben. Grundsätzlich ist das nicht viel anderes; das Hexadezimalsystem kennt aber nicht nur zehn Ziffern (0 bis 9), sondern 16 (0 bis F). Man zählt dann: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12, .... bis FF.
In dieser Notierung lautet unser Beispiel wie folgt:
h1 { color: #00FF00 }
Die drei Arten, eine Farbe anzugeben, sind nahe miteinander verwandt; immer sind es drei Farb-Anteile und immer stehen sie in der selben Reihenfolge.
Viele Zeichen- und Bildbearbeitungsprogramme geben übrigens die verwendeten Farben in der einen oder andern Form an.