Farben

Dateiweite Farben

Im <body>-Tag die Hintergrundfarbe bestimmen. Dies geschieht mit dem Attribut bgcolor. Beispiel: <body bgcolor="green"> setzt den Hintergrund für das gesamte Dokument (den <body>-Tag darf es nur einmal geben) auf grün.
Mit weiteren Attributen kann man die Textfarbe (text), die Linkfarbe (link), die Farbe für besuchte (engl. visited) vlink) oder gerade aktivierte, das heisst mit der Maus angeklickte Links (engl. activatied alink) bestimmen.

Sprechende Farbnamen

Als Farbnamen kann man verschiedene englische Farbnamen angeben. Insgesamt 16 Stück:

black #000000 gray #808080
maroon #800000 red #FF0000
green #008000 lime #00FF00
olive #808000 yellow #FFFF00
navy #000080 blue #0000FF
purple #800080 fuchsia #FF00FF
teal #008080 aqua #00FFFF
silver #C0C0C0 white #FFFFFF

Es gibt zahlreiche weitere Farbnamen, es kann auch sein, dass sie funktionieren, es muß aber nicht sein. Es hängt vom Browser ab, damit vom Zufall, denn Sie wissen nicht mit welchem Browser Ihre Besucher sich Ihre Web-Seiten angucken.
HTML-Guide
Handout

HTML-Guide Download Farben

HTML-Guide Download Aufgabenblatt 1

Ein weiterer Grund keine Farbnamen "auf gut Glück" zu verwenden ist der folgende. Stellen Sie sich die Farbe Orange vor. Sie haben nun einen Farbton vor Augen, irgendwo zwischen Rot und Gelb. Auf jeden Fall sieht Ihr Orange anders aus als meins. Und sicher auch anders als das Orange, was Netscape oder Microsoft vor Augen hatten, als sie ihre Browser entwickelten. Um diese Unsicherheit zu vermeiden sollten Sie ausschließch die Hexadezimalschreibweise verwenden, die im nachfolgenden beschrieben wird.

Das Farbsystem in Hexadezimalschreibweise

Im Gegensatz zu den Farbnamen legen Sie hier die genaue Zusammensetzung des Farbtons fest, den Sie verwenden möchten. Diese ist eindeutig und sieht auf jedem Browser gleich aus.
Jede Farbe besteht aus drei Grundfarben: rot, grün und blau. Statt dem Farbnamne wird das Nummernzeichen angegeben, und danach der Farbcode: #RRGGBB. RR ist der Platzhalter für den Rot-Wert, GG für den Grünwert und BB für den Blauwert.

Im Dezimalsystem, welches wir üblicherweise verwenden kann der maximale Wert bei zwei Stellen 99 sein, der minimale 00. Also Insgesamt 100 mögliche Werte. Das Dezimalsystem zählt von 0 bis 9, erhöt dann die Zehnerstelle und beginnt wieder bei 0 an der Einerstelle.

10 A
11 B
12 C
13 D
14 E
15 F

Das Hexadezimalsystem zählt auf der Einerstelle von 0 bis 15. Da sich 15 in der üblichen Schreibweise nicht in einer Ziffer darstellen kann, wird ab zehn in Buchstaben weitergezählt: 10 = A, 11 = B, 12 = C, 13 = D, 14 = E und als maximaler Wert 15 = F.
Insgesamt kann bei zwei Stellen der maximale Wert von FF (also 15 an der Einerstelle und 15 an der 16er-Stelle = 15 + 15*16 = 255 erreicht werden.

Wie Sie bereits an der kleinen Farbtabelle erkennen erreicht man schwarz, wenn keine der Grundfarben gesetzt ist. Ist nur eine der Grundfarbe gesetzt, so bestimmt diese die Farbe. Beispiel: #ff0000 ergibt ein maximales rot. Sind alle Farben gleich gesetzt, ergibt sich ein grau (Beispiel: #7b7b7b), sind alle Farben maximal gesetzt (#ffffff) ergibt dies weiß.

In den beiden Farbtabellen Farbtabelle 1 und Farbtabelle 2 sind die 216 Standardfarben angebeben. Sie können aber selbstverständlich auch zwischenwerte verwenden. Probieren Sie es aus!

Farben für einzelne Bereich: der <font>-Tag

Der <font>-Tag sollte heute eigentlich kaum noch verwendet und durch die CSS Style Sheets (siehe unten) ersetzt werden. Solange Sie aber noch keine Style-Sheets kennen, ist der <font>-Tag eine gute Wahl einzelnen Abschnitte eine bestimmte Farbe zu geben. Font steht für Zeichensatz. Der <font>-Tag ist ein Container, sine Inhalt wird auf eine bestimmte Art und Weise formatiert. Mit dem Attribut color können Sie die Textfarbe bestimmen. Das Beispiel <font color="#ff0000">bla</font> stellt den Text bla in der Farbe Rot dar.

Weitere Attribute für den <font>-Tag

Zusätzlich zur Farbe kann auch die Größe und die Schriftfamilie angegeben werden. Das Beispiel <font color="#ff0000" size="+2" face="Arial">bla</font> stellt den Text bla in der Farbe Rot, zwei Einheiten größer und in der Schriftart Arial dar.

Style-Sheets

Um dem Wort bla die rote Farbe zuzuweisen, verwendet man heute nicht mehr den Font-Tag, sondern CSS. 
<span style="color:#ff0000">bla</span>
Mehr zu Farben: