Das Thema zerfällt, auch ohne daß man es hinschmeißt, in drei Teile:
1. Wie codiert man Farben und
2. wozu ge- oder mißbraucht man diese Farbcodes. Also, was alles kann man färben (schnelle Vorabantwort: ALLES).
3. Wie werden die Farben dargestellt. Das darstellende Garät reagiert vermöge seiner Gamma-Korrektur unterschiedlich. CSS setzt als Default ein Gamma von 2,2 voraus.
Beginnen wir mit Punkt 1. Im Vergleich zu den Möglichkeiten der Farbcodierung in HTML kommen hier drei dazu:
| Farbcode | Erklärung | Farbbeispiel | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow | Farbnamen, wie bei HTML üblich |
| ||||||||||||||||
| #rgb | Farbwerte, kodiert mit einstelligen hexadezimalen Zahlwerten. Die Angabe wird interpretiert mit jeweils verdoppelten Ziffern. #a90 bedeutet also #aa9900. Achtung, eine "#000", die ja gelegentlich vorkommen soll, darf man nicht zu "#0" oder gar "#" verkürzen! | #ac3 | ||||||||||||||||
| #rrggbb | Farbwerte mit zweistelligen hexadezimalen Zahlwerten, wie bei HTML | #a0c030 | ||||||||||||||||
| rgb(rrr,ggg,bbb) | Farbwerte mit dreistelligen dezimalen Zahlen 000...255, führende Nullen dürfen entfallen | rgb(0,99,255) | ||||||||||||||||
| rgb(r%,g%,b%) | Farbwerte mit prozentualen Farbanteilen | rgb(75%,55%,21%) | ||||||||||||||||
| schluesselwort | relative Farbwerte, hier im Beispiel an die Schrift vergeben, die über Schlüsselwörter Farbgleichheit zu anderen Fensterelementen (den sog. "Sytem-Farben") herstellen. Ich gebe die Übersicht unten mit an. | window buttonface highlight |
Unsinnige Zahlenangaben sollen "geclipt", also auf sinnige zurückgestutzt werden. Demnach sollte <span style="color:rgb(-100,256,0);">einfache grüne Schrift ergeben.
Welche relativen Farbwerte (theoretisch) verfügbar sind, ist in der folgenden Aufstellung dargestellt: Die Farbwerte sind mit
<td style= "background-color:farbname"> </td>
aufgerufen worden. Wenn auf speziellen Browsern insbesondere der nicht-Windows-Welt (ja, die gibt es und man kann in ihr friedlich und sicher leben!) nicht alle Felder die erwartete Farbe zeigen, kann das verschiedene Gründe haben: Entweder werden die betreffenden Sytemfarben nicht unterstützt oder sie haben unerwartete Einstellungen. Kein Grund zur Sorge!
Die Systemfarben sollen künftig (unter CSS3) so ist zu lesen, wegfallen! Also gar nicht erst angewöhnen!
| Farbcode | Erklärung | Farbbeispiel |
|---|---|---|
| activeborder | Farbe der aktiven Fenstertitelzeile | |
| activecaption | Farbe der Überschrift | |
| appworkspace | Farbe des Hintergrunds der aktiven Anwendung | |
| background | Farbe des Desktop-Hintergrunds | |
| buttonface | Farbe von Buttons in Dialogfenstern | |
| buttonhighlight | Farbe für 3D-Schatten von Buttons in Dialogfenstern | |
| buttontext | Farbe von Texten beschrifteter Buttons in Dialogfenstern | |
| captiontext | Farbe von Überschriften in Dialogfenstern | |
| graytext | Farbe von deaktiviertem Text Dialogfenstern | |
| highlight | Farbe von ausgewählten Einträgen in Auswahllisten. | |
| highlighttext | Farbe von selektiertem Text. | |
| inactiveborder | Farbe einer nicht aktiven Fenstertitelzeile | |
| inactivecaption | Farbe der Überschrift in einer nicht aktiven Fenstertitelzeile | |
| infobackground | Farbe für Tooltips und Hints (kleine Popup-Hilfen) | |
| infotext | Textfarbe für Tooltips und Hints (kleine Popup-Hilfen) | |
| menu | Farbe für Menüleisten | |
| menutext | Farbe für Menüeinträge | |
| scrollbar | Farbe der Scroll-Leiste in Fenstern | |
| threeddarkshadow | Dunkle Farbe bei Schatten von 3D-Elementen | |
| threedface | Farbe von 3D-Elementen | |
| threedhighlight | Farbe von gerade angeklickten 3D-Elementen | |
| threedlightshadow | Helle Farbe bei Schatten von 3D-Elementen | |
| threedshadow | Dunkle Farbe bei Schatten von 3D-Elementen | |
| window | Hintergrundfarbe von Dokumentfenstern | |
| windowframe | Farbe von Fensterrahmen | |
| windowtext | Farbe von normalem Text in Dokumentfenstern |