HTML bietet zwei Möglichkeiten Farben zu verwenden:

<p><font color="red">Roter Text</font></p>
<p><font color="#ff0000">Roter Text #2</font></p>

</code>

Anzeigebeispiel:

Roter Text

Roter Text #2

Beide Varianten unterscheiden sich in ihrem Ergebnis nicht, aber wo liegt der Unterschied?

Eine Liste aller Farbnamen, die in HTML definiert sind, findet man hier: http://de.selfhtml.org/diverses/anzeige/farbnamen_netscape.htm. Die Verwendung dieser Namen stellt eine einfache und überschaubare Methode dar, Farben zu vergleichen und bei einem schnellen Blick über den Quelltext zu wissen, wie die Seite ungefähr aussehen könnte. An folgendem ist also nichts verwerflich, und es würde in den meisten Browser ordentlich dargestellt:

<table bgcolor="green"><tr><td><font color="red">Hallo</font></td></tr></table>

Anzeigebeispiel:

Wenn man allerdings eine Farbe verwenden möchte, die nicht unter der definierten Farben ist, ist diese Methode unhandlich. Aber es gibt noch eine zweite.

Diese Farbcodes stellen nichts anderes dar als eine Angabe der RGB (Red, Green, Blue) Werte der entsprechenden Farbe. Jeder, der bereits Erfahrung in Bildbearbeitung hat, weiß was gemeint ist. Am Bildschirm gibt es 3 Farben: Rot, Grün, Blau. Mithilfe der Verstärkung/Abschwächung einzelner Farben entsteht so, durch Vermischung eine neue Farbe: z.B. Braun. Je heller dabei eine Farbe leuchtet, desto größer ist ihr Anteil an der resultierenden Farbe. Wenn alle 3 Farben zusammen 100% leuchten entsteht also weißes Licht. (siehe Lichtbrechung am Prisma).

Diese RGB Werte sind pro Farbe eine Zahl von 0 bis 255 (8 Bit). Insgesamt 3 Zahlen, da man ja Angaben für Rot, Grün und Blau benötigt. Die in HTML verwendeten Zahlen sind in hexadezimaler Schreibweise dargestellt. Anders als im dezimalen Zahlensystem basiert im hexadezimalen alles auf 16. Es existieren 2 Stellen pro Farbe, also sind maximal Zahlen bis 16^2-1 (wegen der Null) darstellbar: bis 255.

Für jede Farbe muss eine Zahl vorhanden sein, so kommen wir zu 6 Stellen. Die hexadezimale Schreibweise geht von 0 bis f. Wenn Sie Farben hexadezimal angeben muss ein # davor. Bsp:

<p style="color:#cdf134">Farbiger Text</p>

Anzeigebeispiel:

Farbiger Text

Im nächsten Kapitel geht es um Meta-Angaben im Kopfbereich des HTML-Dokumentes.