Sie sind Hier: Startseite Sonstiges HTML & CSS Farben

Farben können eingesetzt werden: für die Schrift, den Hintergrund einer ganzen Seite als auch für den Hintergrund von Tabellen oder nur einzelnen Tabellenzellen.

Um einer Schrift eine Farbe mitzugeben (in diesem Beispiel rot), benötigt man folgenden HTML-TAG:

 <font color="#FF0000"> Ihr Text </font>

Der Tag  <font>  ist dabei so lange gültig, bis der Endtag  </font>  gesetzt wird

Um den Hintergrund Farbe mitzugeben, wird im Body-Tag noch der Befehl <bgcolor="#Farbe"> (background-color) aufgenommen. Das Wort Farbe wird durch die jeweilige Farbe ersetzt. Zusätzlich kann im Body-Tag noch angegeben werden, welche Schriftfarbe standardmäßig für das ganze Dokument verwendet werden soll. Dies geschieht mit dem HTML-TAG <font color="#Farbe">  Der font-Tag wird mit dem dem Endtag  </font>  beendet. Wie die Farben eingegeben werden können, siehe weiter unten. Beispiel:

Die Ausgabe im Browser:

Der Hintergrund ist gelb, das Wort  bunt wird in rot dargestellt. Im folgenden Beispiel werden weitere Möglichkeiten gezeigt, Farben anzeigen zu lassen.

Die Ausgabe im Browser:

Der Hintergrund wird in hellblau dargestellt, der Tag <text="#Farbe"> ist für den Text zuständig, der angezeigt werden soll.

RGB-Farben:

Fast alle Farben aus den 3 Grundfarben rot, grün und blau zusammenmischen. In der Welt der Computer heißt das Farbmodell "RGB - Farbmodell". Dabei steht r für rot, g für grün und b für blau.

Jede Farbe erhält dabei einen Wert zwischen 0 und 255. Nimmt man den höchsten Wert, erhält man die reine Farbe. So erhält man die Farbe Rot mit den Werten 255,0,0 (Rotanteil=255, Grünanteil=0, Blauanteil=0). Weiß wäre dann 255,255,255 und Schwarz  0,0,0, Blau wäre also 0,0,255.

Ein Farbe, hier rot, wird in der Regel wie folgt angegeben.

color="#FF0000"

Die Werte werden im allgemeinen in hexadezimal angegeben. Bei einem HTML-Editor können Sie direkt aus den Farben auswählen und bekommen dann die Hexadezimalzahlen.

Dezimal	0	1	2	...	9	10	11	12	13	14	15	16	17	18	...	255
Hexadezimal	0	1	2	...	9	A	B	C	D	E	F	10	11	12	...	FF

Der Aufbau der Farbnummer ist im Hexadezimalsystem immer wie folgt.

Hier sehen Sie alle 216 Standardfarben und ihre hexadezimale Schreibweise. (siehe auch bei Beispiele - hexfarben)

Farben können auch über ihren englischen Namen angegeben werden. Die Farbwerte werden wie folgt angegeben:

	color="black"
	color="silver"
	color="gray"
	color="white"
	color="maroon"
	color="red"
	color="purple"
	color="fuchsia"
	color="green"
	color="lime"
	color="olive"
	color="yellow"
	color="navy"
	color="silver"
	color="blue"
	color="teal"
	color="aqua"
	color="gainsboro"