Schriftfarben im HTML

HTML-Webseite und die Schriftfarben

Mit dem <color>-Attribut können Sie die Farbe der Schrift verändern. Auch hier stehen Ihnen wieder zwei Möglichkeiten zur Verfügung: die Angabe eines der 16 Farbworte oder eines Hex-Tripel-Werts. Farbworte sind black, blue, red usw. Das Basiskonstrukt lautet:

<font color="Farbe">
	Text
</font>

Um einem Text die Farbe Grün (engl. green) mittels eines Farbwortes zuzuweisen, müssten Sie Folgendes notieren:

<font color="green">
	Textfarbe Grün
</font>

Äquivalent verhält sich dies mit allen anderen Farbworten, nur dass als Parameter das entsprechende Farbwort angegeben werden muss. Nachfolgend finden Sie eine Tabelle mit den 16 wichtigsten Farbworten.

<font color="red">
	Textfarbe Rot
</font>

<font color="purple">
	Textfarbe Purpur
</font>

<font color="aqua">
	Textfarbe Hellblau
</font>

Schriftfarben im HTML

Hex-Tripel- Werte

Die Angabe eines Hex-Tripel-Werts ist ein wenig komplizierter. Anstelle eines der Farbworte zu verwenden (und somit eine vordefinierte Farbe), wird die gewünschte Farbe zusammengemischt. Dabei wird das für Computer übliche RGB-System verwendet. Die Abkürzung RGB steht für die drei Grundfarben Rot, Grün und Blau. Die Farben werden additiv gemischt, und je höher der jeweilige Anteil der Farben ist, desto heller ist der daraus resultierende Farbton. Äquivalent dazu: Je geringer die einzelnen Farbanteile sind, desto dunkler ist das Resultat.

Wertebereich

Der Wertebereich der roten, grünen und blauen Anteile liegt jeweils zwischen 0 und 255 (8 Bit), was bedeutet, dass Sie 256 unterschiedliche Werte darstellen können. Somit stehen uns 16.777.216 Farben zur Verfügung ( = 256 × 256 × 256), wesentlich mehr also, als die Angabe eines Farbworts ermöglicht.

Farbe mischen

Um nun eine Farbe zu mischen, müssen Sie den jeweiligen Farbanteil in hexadezimalen Zahlen angeben. Anders als beim dezimalen Zahlensystem mit der Basis 10 besitzt das hexadezimale Zahlensystem die Basis 16. Die zusätzlichen 6 Zahlen werden durch die Buchstaben von A bis F (entspricht dezimal den Zahlen 10 bis 15) repräsentiert. Die Zahlenreihe lautet also 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E und F. Für eine hexadezimale Angabe stehen Ihnen zwei Stellen zur Verfügung. Der Dezimalwert 0 würde in der entsprechenden Schreibweise 00 lauten, und der Dezimalwert 255 lautet FF. Dies mag am Anfang zwar etwas kompliziert klingen, es ist aber relativ einfach.

Rechenbeispiel

Ich werde Ihnen nun ein paar Beispiele durchrechnen. Ich möchte die Dezimalzahl 163 in eine Hexadezimalzahl umrechnen. Ich weiß, dass Hexadezimalzahlen als Basis den Wert 16 verwenden. Teile ich also 163 durch 16, erhalte ich das Ergebnis 10,1875. Der ganzzahlige Anteil der Division lautet 10, und das wird in hexadezimaler Schreibweise durch A dargestellt. Dies ist die erste Stelle. Der Rest aus der Division (163/16) beträgt 3, die im hexadezimalen System genauso notiert wird. Dies ist die zweite Stelle. Die Umrechnung von 163 in eine hexadezimale Zahl lautet also A3.

So würde die Dezimalzahl 250 als Hexadezimalzahl z. B. FA lauten (250/16 = 15 Rest 10).

Andersherum lässt sich eine hexadezimale Zahl auch wieder in eine dezimale Zahl umrechnen. Nehmen Sie als Beispiel den hexadezimalen Wert BC. Zuerst wandeln Sie die erste Stelle (Zahl B) in eine für Sie verwendbare Zahl um und multiplizieren sie mit 16. Da B der dezimalen Zahl 11 entspricht, rechnen Sie also 11 × 16 und erhalten das Ergebnis 176. Dann wandeln Sie die zweite Stelle (Zahl C) in eine dezimale Zahl um und addieren sie zu der umgerechneten ersten Stelle. C steht für die dezimale Zahl 12. Das Ergebnis lautet also 188 (176+12).

Schreibweise

Damit hexadezimale Zahlen von dezimalen zu unterscheiden sind, werden sie mit # (Doppelkreuz oder Raute) eingeleitet. Danach folgen in der Reihenfolge Rot, Grün und Blau die hexadezimalen Zahlen:

#RRGGBB

Für die Farbe Gelb (Rot = 255, Grün = 255 und Blau = 0) würde die entsprechende hexadezimale HTML-Notation #FFFF00 lauten (255 = FF und 0 = 00). Die entsprechenden Hex-Tripel-Werte zu den HTML-Farbworten finden Sie in der Tabelle.

Graustufen bzw. Grautöne erzeugen Sie durch gleich hohe Farbanteile. Dadurch stehen Ihnen insgesamt 256 verschiedene Grautöne (inklusive Weiß und Schwarz) zur Verfügung. Ein dunkles Grau könnte durch #303030 erzeugt werden, ein mittleres Grau durch #868686 und ein helles Grau durch #CBCBCB. Um nun die Hex-Tripel-Werte zu verwenden, nehmen Sie die Konstrukte (inklusive #-Zeichen) anstelle eines Farbwortes als Parameter für das <color>-Attribut. Es folgen verschiedene Beispiele:

<font color="#303030">
	Dunkles Grau
</font>

<font color="#868686">
	Mittleres Grau
</font>

<font color="#CBCBCB">
	Helles Grau
</font>

<font color="#00BB00">
	Grün
</font>

<font color="#003399">
	Grünblau
</font>

Schriftfarben im HTML