CSS-Farben: Namen und Werte

Kategorisierung:

Kodierungen / farbbasiert

Herkunft / Verwendung:

Cascading Style Sheets, kurz CSS, sind eine Erweiterung des HTML und werden beim Webdesign verwenden. CSS-Angaben regeln das Aussehen einer Webseite durch bestimmte Vorgaben. Unter anderem sind dies auch die Farben, in denen die Webseitenelemente dargestellt werden sollen. In CSS kann man für eine Farben einen Farbcode in hexadezimaler Darstellung angeben oder seit einigen Jahren auch den Farbnamen selbst. Es sind über 140 Farben mit Namen spezifiziert, die alle modernen Browser darstellen können. Für den Webdesigner, der noch direkt CSS und HTML im Texteditor "programmiert", hat das den Vorteil, dass er sich die Hex-Farbcodes nicht merken muss, sondern die wesentlich einfach merkbaren Farbnamen verwendet kann, z. B. mit <div style="background-color:silver">...</div> statt <div style="background-color:#c0c0c0">...</div> um einem Bereich die Hintergrundfarbe hellgrau zu geben. Die CSS-Farben können auch in Rätseln verwendet werden, zum Beispiel, indem die Farbnamen angegeben werden und dann in eine der drei Grundfarbwerte rot, grün und blau, aus denen jede Farbe zusammengesetzt ist, übersetzt werden müssen. Auch der umgekehrte Weg ist denkbar: dass eine Farbe angezeigt wird und diese dann gesucht und etwa der Anfangsbuchstabe des Farbnamen weiterbenutzt werden muss - das ist für den Rätsler natürlich aufwändiger.

Spezifikation der Farben

Die Tabellen ist nach den Namen der Farben in der ersten Spalte alphabetisch sortiert. In der zweiten Spalte wird die Farbe selbst angezeigt. Wenn man sich bei einer Farbe nicht sicher ist, kann man mit den entsprechenden Browserfunktionen den Zoom verändern und bekommt dann eine größere Farbfläche.

Danach folgen die Farbwerte als Zahlen. Zuerst in Spalte drei als Hex-Werte, so wie sie auch immer alternativ in CSS bzw. HTML angegeben werden können. Über die Hexwerte sind auch alle 16'777'216 Farbnuancen definierbar, nicht nur die hier aufgeführten Standardfarben. Nach dem einführenden Hash folgen sechs Ziffern, wobei die ersten zwei für den Rotanteil (R), die nächsten zwei für den Grünanteil (G) und die letzten zwei für den Blauanteil (B) stehen. Durch additive Farbmischung können so sehr viele Farben dargestellt werden, um genau zu sein 256*256*256 Farben, eben die erwähnten 16'777'216, denn für jede Farbanteil sind 256 Abstufungen (hexadezimal 0...F entspricht dezimal 0...16 und hex 00...FF entspricht dez. 0...255, weil 16*16) möglich.

Die vierte Zeile führt die jeweiligen Farbanteile für rot, grün und blau auf, und zwar dezimal. Hier kann es jeweils Werte zwischen 0 und 255 geben. Die letzte Zeile ist der aus dem Hex-Wert (3. Spalte) berechnete Dezimalwert, wobei der Rotanteil die höchste Wertigkeit (65536) erhält, danach kommt der Grünanteil (Wertigkeit 256) und zum Schluss der Blauanteil (Wertigkeit 1).