|
Zurück zur Übersicht "Weitere Formatierungsmöglichkeiten"
Farben definieren in HTML
Farben kannst Du in HTML in vielen Zusammenhängen definieren,
zum Beispiel bei:
- bei dateiweiten Hinter- und Vordergrundfarben
- bei Schriftfarben für Textabschnitte
Bei allen Farbdefinitionen gibt es ein einheitliches Schema. Grundsätzlich gibt es
zwei Möglichkeiten, Farben in HTML zu definieren:
- durch Angabe eines Farbnamens
- durch Angabe der RGB-Werte der gewünschten Farbe in Hexadezimalform
(RGB = Rot/Grün/Blau-Wert der Farbe)
Wenn Du Farbnamen angibst, umgehst 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.
Wenn Du hexadezimale Werte angibst, ist das Ergebnis Browser-unabhängig, und
Du hast die volle Freiheit zwischen 16,7 Millionen Farben.
Um eine Farbe mit Hilfe eines Farbnamens zu definieren, gibst Du einfach den
gewünschten Farbnamen an. Die
folgenden Farbnamen 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:
Gib den gewünschten Farbnamen an einer Stelle an, an der eine
Farbangabe erlaubt ist.
Definiert sind die folgenden Farbnamen:
| 000000 |
black |
| 800000 |
maroon |
| 008000 |
green |
| 000080 |
navy |
| 808000 |
olive |
| 800080 |
purple |
| 008080 |
teal |
| 808080 |
gray |
| C0C0C0 |
silver |
| FF0000 |
red |
| 00FF00 |
lime |
| 0000FF |
blue |
| FFFF00 |
yellow |
| FF00FF |
fuchsia |
| 00FFFF |
aqua |
| FFFFFF |
white |
|
Wenn Du Farben direkt im Hexadezimal-Modus definierst, musst Du 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 notierst Du 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.
Es gibt 16 Grundfarben, die von jedem VGA-kompatiblen Bildschirm angezeigt werden
können:
| 000000 |
| 800000 |
| 008000 |
| 000080 |
| 808000 |
| 800080 |
| 008080 |
| 808080 |
| C0C0C0 |
| FF0000 |
| 00FF00 |
| 0000FF |
| FFFF00 |
| FF00FF |
| 00FFFF |
| FFFFFF |
|
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:
| 000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
| 003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
| 006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
| 009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
| 00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
| 00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
| 330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
| 333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
| 336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
| 339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
| 33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
| 33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
| 660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
| 663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
| 666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
| 669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
| 66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
| 66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
| 990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
| 993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
| 996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
| 999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
| 99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
| 99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
| CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
| CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
| CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
| CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
| CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
| CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
| FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
| FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
| FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
| FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
| FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
| FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
|
Zurück zur Übersicht "Weitere Formatierungsmöglichkeiten"
© 2010 Christian Bauer -
cn.bauer@gmx.de
|