SELFHTML: HTML / Allgemeine Regeln / Farben definieren in HTML

SELFHTML/Quickbar HTML Allgemeine Regeln

	Farben definieren in HTML
	Farben in HTML Hexadezimale Angabe von Farben Farbnamen für die 16 Grundfarben Speziellere Farbnamen

Farben in HTML

Farben können Sie in HTML in vielen Zusammenhängen definieren, zum Beispiel bei:

bei dateiweiten Hinter- und Vordergrundfarben
bei Schriftfarben für Textabschnitte
bei Style-Sheet-Angaben
bei Farben in Tabellen
bei farbigen Trennlinien
bei farbigen Rahmen für Frames
bei Hintergrundfarben für Layer

Obwohl die HTML-Tags der entsprechenden Farbdefinitionen sehr unterschiedlich sind, gilt bei allen Farbdefinitionen ein einheitliches Schema. Grundsätzlich gibt es zwei Möglichkeiten, Farben in HTML zu definieren:

durch Angabe der RGB-Werte der gewünschten Farbe in Hexadezimalform (RGB = Rot/Grün/Blau-Wert der Farbe)
durch Angabe eines Farbnamens

Wenn Sie hexadezimale Werte angeben, arbeiten Sie Browser-unabhängig, und Sie haben die volle Freiheit zwischen 16,7 Millionen Farben.

Wenn Sie Farbnamen angeben, umgehen Sie die etwas schwierige Definition einer Farbe im Hexadezimal-Modus. Derzeit sind jedoch nur 16 Farbnamen offiziell standardisiert. Weitere Farbnamen gibt es, sie sind jedoch Browser-abhängig.

Hexadezimale Angabe von Farben

Wenn Sie Farben direkt im Hexadezimal-Modus definieren, müssen Sie die gewünschte Farbe aus Angaben zu den drei Grundfarben Rot, Grün und Blau (RGB-Werte) zusammenstellen.

Beispiele:

<body bgcolor=#808080> <!-- dunkelgrauer Dateihintergrund -->
<font color=#990000>roter Text</font>
<table bgcolor=#00C0C0> <!-- blaugrüner Tabellenhintergrund -->
<hr color=#CC00CC>  <!-- violette Trennlinie -->

Erläuterung:

Jede hexadezimale Farbdefinition ist 6stellig und hat das Schema: #XXXXXX.
Zunächst notieren Sie also ein Gatter #. Dahinter folgen 6 Stellen für die Farbdefinition. Die ersten beiden Stellen stellen den Rot-Wert der Farbe dar, die zweiten beiden Stellen den Grün-Wert, und die letzten beiden Stellen den Blau-Wert.

Hexadezimale Ziffern sind:

0 (entspricht dezimal 0)
1 (entspricht dezimal 1)
2 (entspricht dezimal 2)
3 (entspricht dezimal 3)
4 (entspricht dezimal 4)
5 (entspricht dezimal 5)
6 (entspricht dezimal 6)
7 (entspricht dezimal 7)
8 (entspricht dezimal 8)
9 (entspricht dezimal 9)
A (entspricht dezimal 10)
B (entspricht dezimal 11)
C (entspricht dezimal 12)
D (entspricht dezimal 13)
E (entspricht dezimal 14)
F (entspricht dezimal 15)

Eine hexadezimale Ziffer kann also 16 Zustände haben. Für jeden Farbwert (Rot, Grün, Blau) stehen 2 Ziffern zur Verfügung. Das macht 16 x 16 (= 256) mögliche Zustände pro Farbwert.

Beachten Sie:

Es gibt 16 Grundfarben, die von jedem VGA-kompatiblen Bildschirm angezeigt werden können.

Anzeigebeispiel: die 16 Grundfarben

Es gibt ferner 216 Standardfarben, die Netscape intern und plattformübergreifend zur Verfügung stellt. Diese Farbpalette hat sich im WWW zu einer Art Quasi-Standard entwickelt.

Anzeigebeispiel: die 216 Standardfarben

Mehr über diese Paletten und ihre Bedeutung erfahren Sie im Dokumentabschnitt Farbtiefen und Farbpaletten.

Farbnamen für die 16 Grundfarben

Anzeigebeispiel: so sieht's aus (Tabelle mit allen Farben)

Um eine Farbe mit Hilfe eines Farbnamens zu definieren, geben Sie anstelle des hexadezimalen RGB-Werts einfach den gewünschten Farbnamen an. Die folgenden Farbnamen sind Bestandteil von HTML 3.2 und werden von vielen WWW-Browsern verstanden.

Beispiel:

<body bgcolor=black> <!-- schwarzer Dateihintergrund -->
<font color=yellow>gelber Text</font>
<table bgcolor=aqua> <!-- hellblauer Tabellenhintergrund -->
<hr color=red>  <!-- rote Trennlinie -->

Erläuterung:

Geben Sie den gewünschten Farbnamen an einer Stelle an, an der eine Farbangabe erlaubt ist.
Um eine Übersicht über alle erlaubten Farben zu erhalten, rufen Sie das Anzeigebeispiel auf. Dort sind auch die Hexadezimalwerte verzeichnet, die den Farbnamen entsprechen.

Speziellere Farbnamen

Anzeigebeispiel: so sieht's aus (Tabelle mit allen Farben)

Um eine Farbe mit Hilfe eines Farbnamens zu definieren, geben Sie anstelle des hexadezimalen RGB-Werts einfach den gewünschten Farbnamen an. Die folgenden Farbnamen werden von Netscape und dem MS Internet Explorer interpretiert.

Beispiel:

<body bgcolor=brown> <!-- brauner Dateihintergrund -->
<font color=blueviolet>blau-violetter Text</font>
<table bgcolor=darkblue> <!-- dunkelblauer Tabellenhintergrund -->
<hr color=pink>  <!-- pinkfarbene Trennlinie -->


weiter:	Kommentare und Credits
zurück:	Umlaute, Sonderzeichen und HTML-eigene Zeichen

SELFHTML/Quickbar HTML Allgemeine Regeln