Schriftzug Die Farbe in der Computergrafik

3. Farben im Web

3.1. Farbangaben auf Webseiten

Für die Verwendung von Farben im Internet hat sich der Begriff Webfarben bzw. Web-Farben eingebürgert. Allerdings gibt es keine besonderen Farben im Internet. Da Internetseiten in der Regel auf Bildschirmen dargestellt werden, wird das RGB-Farbsystem verwendet. Internetseiten enthalten zur Zeit keine speziellen Informationen, wie Seiten auf einem Drucker ausgegeben werden sollen, also keine CMYK-Farbinformation.

Die Farbangaben von Webseiten werden als RGB-Werte in den HTML-Quelltext eingefügt oder in eine seperate CSS-Datei abgelegt. Farben können als hexadezimaler Wert mit einem vorgestellten #-Zeichen oder als dezimaler Wert in der Form rgb (R, G, B) angegeben werden.

Das folgende Beispiel zeigt, wie die Farben eines Textes und seines Hintergrundes festgelegt werden:

1. die Farben werden mit Hexadezimalzahlen festgelegt:

Die Farbe des Vordergrunds wird durch das CSS-Attribut color festgelegt:
<span style="color:#FF0000;">Ein roter Text</span>

Ergebnis: Ein roter Text

Die Farbe des Hintergrunds wird durch das CSS-Attribut background-color festgelegt:
<span style="background-color:#FFFF00;">Ein gelber Hintergrund</span>

Ergebnis: Ein gelber Hintergrund

Kombiniert man beide Angaben, erhält man folgenden Quelltext:
<span style="color:#FF0000; background-color:#FFFF00;">Ein gelber Hintergrund<span>

Ergebnis:  Ein roter Text mit gelbem Hintergrund

2. die Farben werden mit Dezimalzahlen festgelegt:

<span style="color:rgb(255,0,0); background-color:rgb(255,255,0);">Ein gelber Hintergrund<span>

Ergebnis:  Ein roter Text mit gelbem Hintergrund

Das Beispiel verwendet Cascading Style Sheets (CSS), um die Farbangaben einzufügen. Weitere Möglichkeiten, um CSS-Angaben in den HTML-Quelltext einzubinden, findet man in der entsprechenden Literatur oder im Internet (siehe auch Links zur Webentwicklung - Cascading Style Sheets).

Veraltet sind Farbangaben über HTML-Attribute wie "color = ...", "text = ..." oder "bgcolor = ...". Bei der Entwicklung von Webseiten sollte auf Layoutangaben im HTML-Quelltext verzichtet werden. Das Ziel aktueller Webstandards ist die Trennung von Inhalt und Form. Die Formatierung kann dadurch an die Eigenschaften des jeweiligen Ausgabegerätes angepasst werden, zum Beispiel Computerbildschirme, Drucker, Handys oder die Sprachausgabe für Sehbehinderte.