Zeichen- und Schriftformatierung: Schriftfarbe
Auf der Haben-Seite stehen die schwarzen Zahlen, doch meist sieht man ja doch nur rot, wenn man seine Kontoauszüge durchliest. Auch
unterschiedliche Schriftfarben dienen der Strukturierung und besseren Lesbarkeit eines Textes. Meist kommt man mit drei verschiedenen Farben aus:
eine Farbe, die sehr gut mit dem Seitenhintergrund kontrastieren sollte, für den Fließtext; gelegentlich eine zweite Farbe für Überschriften; die
dritte Farbe ist die der Hyperlinks. Hervorhebungen im Text lassen sich am besten mittels Schriftdicke oder Unterstreichungen umsetzen, denn
farbliche Markierungen führen beim Surfer häufig zu Verwechslungen mit Hyperlinks und damit zu verzweifelten Klickversuchen.
Inkonsequente Namensgebung
Während alle anderen Befehle, mit denen die Schrift beeinflusst werden kann, mit "font" eingeleitet werden,
also etwa "font-size" oder "font-family", steht die Farbgebung mit dem Befehl "color" ganz allein da. Da hätte man sich von den Entwicklern
vielleicht etwas mehr Konsequenz gewünscht.
Werte für Schriftfarben
Die Schriftfarbe wird üblicherweise in einem Hexadezimalwert angegeben, der das Mischungsverhältnis der Farben
"rot", "grün" und "blau" (RGB) widergibt, aus denen man alle andere Farben mischen kann. Hexadezimalwerte für Farben sind immer sechsstellig,
werden durch "#" eingeleitet und sind aus beliebigen Kombinationen der Zahlen 0-9 sowie den Buchstaben A bis F gebildet. Jeweils ein Ziffernpaar
steht in entsprechender Reihenfolge für die Farben rot, grün und blau. Die gängigen Bildbearbeitungsprogramme liefern bei Auswahl einer Farbe auch
immer den entsprechenden Hexadezimalwert mit.
<span style="font-size:15px; color:#0000FF">Dieser Text ist blau</span>
Hexadezimal, rechnen mit 16
Im Beispiel ist die Textfarbe blau, #0000FF. Die beiden ersten Ziffern, die den roten Farbanteil markieren, sind null genau wie die nächsten
zwei Ziffern für grün. Das heißt, die gewählte Farbe enthält weder Spuren von rot noch von grün. Das letzte Ziffernpaar ist "FF". F ist nun kein
x-beliebiger Buchstabe, sondern eigentlich der Wert für 15 und damit der höchste Zahlenwert im Hexadezimalsystem. A wäre 10, B wäre 11 und so weiter.
Der Buchstabe ist einfach nur eine elegante Lösung, zweistellige Werte einstellig darstellen zu können. Auf den Positionen für blau steht also FF, das
ist eine zweistellige Zahl im Hexadezimalsystem mit dem Wert "255". Während die Basis des Dezimalsystems 10 ist, ist sie im Hexadezimalsystem 16.
Ein zweistelliger Wert wie 52 errechnet sich im Dezimalsystem wie folgt: 5 * 10 + 2. Im Hexadezimalsystem entspräche der Wert 5 * 16 + 2 = 82. Unser
Blau kommt also mit voller Sättigung und Leuchtkraft daher. Würde man die Werte verringern, fiele die Farbe immer dunkler aus, denn je kleiner ein
Hexadezimalwert bei der Farbgebung ist, desto mehr tendiert er zu schwarz (schwarz = #000000) und je größer er wird, desto mehr tendiert er zu weiß
(weiß = #FFFFFF).
<span style="font-size:15px; color:#0000FF">Dieser Text ist blau
</span>
<span style="font-size:15px; color:#0000AA">es wird dunkler
</span>
<span style="font-size:15px; color:#000066">und noch dunkler
</span>
<span style="font-size:15px; color:#000000">und jetzt ist es schwarz</span>
Alternative Werte
Neben der allgemein üblichen Hexadezimalangabe kann die RGB-Verteilung auch dezimal "color:rgb(0,0,255)" oder aber
prozentual "color:rgb(0%,0%,100%)" definiert werden.
Farbnamen
Auch Farbnamen können zur Festlegung der Schriftfarbe herangezogen werden. Dafür gibt es 16 sichere Namen (aqua, black, blue,
fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) und einige andere, die aber nicht von jedem Browser
interpretiert werden.
| IE | Opera | Netscape | Firefox |
| 5 | 5.5 | 6 | 6 | 7 | 8 | 6 | 7+ | 0.8+ |
| color |
x |
x |
x |
x |
x |
x |
x |
x |
x |