|
Farben in HTML
Hexadezimale Angabe von Farben
Farbnamen für die 16 Grundfarben
Speziellere Farbnamen
Wenn Sie Farbnamen angeben, umgehen Sie die etwas schwierige Definition einer Farbe im Hexadezimal-Modus. Derzeit gibt es jedoch noch keine standardisierten Farbnamen. Farbnamen sind also weitgehend Browser-abhängig.
Jede hexadezimale Farbdefinition ist 6stellig und hat das Schema: #XXXXXX.
Hexadezimale Ziffern sind:
0 (entspricht dezimal 0)
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.
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.
Mehr über diese Paletten und ihre Bedeutung erfahren Sie im Dokumentabschnitt Farbpaletten und Farbtiefen.
black Schrift in dieser Farbe
aliceblue Das ist Text in dieser Farbe
Farben in HTML
Farben können Sie in HTML in folgenen Zusammenhängen definieren:
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:
Wenn Sie hexadezimale Werte angeben, arbeiten Sie Browser-unabhängig, und Sie haben die volle Freiheit zwischen 16,7 Millionen Farben.
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:
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.
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)Beachten Sie:
Es gibt 16 Grundfarben, die von jedem VGA-kompatiblen Bildschirm angezeigt werden können.
Anzeigebeispiel: die 16 Grundfarben
Anzeigebeispiel: die 216 Standardfarben
Farbnamen für die 16 Grundfarben
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.
Beispiele:
<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 der erforderlichen Stelle an.
Folgende Farbnamen sind erlaubt:
maroon Schrift in dieser Farbe
green Schrift in dieser Farbe
olive Schrift in dieser Farbe
navy Schrift in dieser Farbe
purple Schrift in dieser Farbe
teal Schrift in dieser Farbe
gray Schrift in dieser Farbe
silver Schrift in dieser Farbe
red Schrift in dieser Farbe
lime Schrift in dieser Farbe
yellow Schrift in dieser Farbe
blue Schrift in dieser Farbe
fuchsia Schrift in dieser Farbe
aqua Schrift in dieser Farbe
white Schrift in dieser Farbeweiß
Speziellere Farbnamen
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, jedoch nicht einheitlich.
Beispiele:
<body bgcolor=brown> <!-- brauner Dateihintergrund -->
<font color=blueviolet>blau-violetter Text</font>
<table bgcolor=darkblue> <!-- dunkelblauer Tabellenhintergrund -->
<hr color=pink> <!-- pinkfarbene Trennlinie -->
Erläuterung:
Geben Sie den gewünschten Farbnamen an der erforderlichen Stelle an.
Folgende Farbnamen sind erlaubt:
antiquewhite Das ist Text in dieser Farbe
aquamarine Das ist Text in dieser Farbe
azure Das ist Text in dieser Farbe
beige Das ist Text in dieser Farbe
bisque Das ist Text in dieser Farbe
blanchedalmond Das ist Text in dieser Farbe
blueviolet Das ist Text in dieser Farbe
brown Das ist Text in dieser Farbe
burlywood Das ist Text in dieser Farbe
cadetblue Das ist Text in dieser Farbe
chartreuse Das ist Text in dieser Farbe
chocolate Das ist Text in dieser Farbe
coral Das ist Text in dieser Farbe
cornflowerblue Das ist Text in dieser Farbe
cornsilk Das ist Text in dieser Farbe
crimson Das ist Text in dieser Farbe
darkblue Das ist Text in dieser Farbe
darkcyan Das ist Text in dieser Farbe
darkgoldenrod Das ist Text in dieser Farbe
darkgray Das ist Text in dieser Farbe
darkgreen Das ist Text in dieser Farbe
darkkhaki Das ist Text in dieser Farbe
darkmagenta Das ist Text in dieser Farbe
darkolivegreen Das ist Text in dieser Farbe
darkorange Das ist Text in dieser Farbe
darkorchid Das ist Text in dieser Farbe
darkred Das ist Text in dieser Farbe
darksalmon Das ist Text in dieser Farbe
darkseagreen Das ist Text in dieser Farbe
darkslateblue Das ist Text in dieser Farbe
darkslategray Das ist Text in dieser Farbe
darkturquoise Das ist Text in dieser Farbe
darkviolet Das ist Text in dieser Farbe
deeppink Das ist Text in dieser Farbe
deepskyblue Das ist Text in dieser Farbe
dimgray Das ist Text in dieser Farbe
dodgerblue Das ist Text in dieser Farbe
firebrick Das ist Text in dieser Farbe
floralwhite Das ist Text in dieser Farbe
forestgreen Das ist Text in dieser Farbe
gainsboro Das ist Text in dieser Farbe
ghostwhite Das ist Text in dieser Farbe
gold Das ist Text in dieser Farbe
goldenrod Das ist Text in dieser Farbe
greenyellow Das ist Text in dieser Farbe
honeydew Das ist Text in dieser Farbe
hotpink Das ist Text in dieser Farbe
indianred Das ist Text in dieser Farbe
indigo Das ist Text in dieser Farbe
ivory Das ist Text in dieser Farbe
khaki Das ist Text in dieser Farbe
lavender Das ist Text in dieser Farbe
lavenderblush Das ist Text in dieser Farbe
lawngreen Das ist Text in dieser Farbe
lemonchiffon Das ist Text in dieser Farbe
lightblue Das ist Text in dieser Farbe
lightcoral Das ist Text in dieser Farbe
lightcyan Das ist Text in dieser Farbe
lightgoldenrodyellow Das ist Text in dieser Farbe
lightgreen Das ist Text in dieser Farbe
lightgrey Das ist Text in dieser Farbe
lightpink Das ist Text in dieser Farbe
lightsalmon Das ist Text in dieser Farbe
lightseagreen Das ist Text in dieser Farbe
lightskyblue Das ist Text in dieser Farbe
lightslategray Das ist Text in dieser Farbe
lightsteelblue Das ist Text in dieser Farbe
lightyellow Das ist Text in dieser Farbe
limegreen Das ist Text in dieser Farbe
linen Das ist Text in dieser Farbe
magenta Das ist Text in dieser Farbe
mediumaquamarine Das ist Text in dieser Farbe
mediumblue Das ist Text in dieser Farbe
mediumorchid Das ist Text in dieser Farbe
mediumpurple Das ist Text in dieser Farbe
mediumseagreen Das ist Text in dieser Farbe
mediumslateblue Das ist Text in dieser Farbe
mediumspringgreen Das ist Text in dieser Farbe
mediumturquoise Das ist Text in dieser Farbe
mediumvioletred Das ist Text in dieser Farbe
midnightblue Das ist Text in dieser Farbe
mintcream Das ist Text in dieser Farbe
mistyrose Das ist Text in dieser Farbe
moccasin Das ist Text in dieser Farbe
navajowhite Das ist Text in dieser Farbe
oldlace Das ist Text in dieser Farbe
olivedrab Das ist Text in dieser Farbe
orange Das ist Text in dieser Farbe
orangered Das ist Text in dieser Farbe
orchid Das ist Text in dieser Farbe
palegoldenrod Das ist Text in dieser Farbe
palegreen Das ist Text in dieser Farbe
paleturquoise Das ist Text in dieser Farbe
palevioletred Das ist Text in dieser Farbe
papayawhip Das ist Text in dieser Farbe
peachpuff Das ist Text in dieser Farbe
peru Das ist Text in dieser Farbe
pink Das ist Text in dieser Farbe
plum Das ist Text in dieser Farbe
powderblue Das ist Text in dieser Farbe
rosybrown Das ist Text in dieser Farbe
royalblue Das ist Text in dieser Farbe
saddlebrown Das ist Text in dieser Farbe
salmon Das ist Text in dieser Farbe
sandybrown Das ist Text in dieser Farbe
seagreen Das ist Text in dieser Farbe
seashell Das ist Text in dieser Farbe
sienna Das ist Text in dieser Farbe
skyblue Das ist Text in dieser Farbe
slateblue Das ist Text in dieser Farbe
slategray Das ist Text in dieser Farbe
snow Das ist Text in dieser Farbe
springgreen Das ist Text in dieser Farbe
steelblue Das ist Text in dieser Farbe
tan Das ist Text in dieser Farbe
thistle Das ist Text in dieser Farbe
tomato Das ist Text in dieser Farbe
turquoise Das ist Text in dieser Farbe
violet Das ist Text in dieser Farbe
wheat Das ist Text in dieser Farbe
whitesmoke Das ist Text in dieser Farbe
yellowgreen Das ist Text in dieser Farbe
Blättern:
Umlaute, Sonderzeichen und HTML-eigene Zeichen
Kommentare und Credits
HTML-Dateien selbst erstellen
Dokumentation: HTML
Sprachkonzept, Dateigerüst, Grundregeln