Zurück zur Seite, von der Du gekommen bist
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 Du 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:
<style type=text/css>
body {background-color: yellow;} <!-- gelber Dateihintergrund -->
h1 {color: red;} <!-- rote Schriftfarbe für Überschriften -->
p {color: blue;} <!-- blaue Schriftfarbe für normale Absätze -->
</style>
|
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:
<style type=text/css>
body {background-color: #FFFF99;} <!-- hellgelber Dateihintergrund -->
h1 {color: #990000;} <!-- dunkelrote Schriftfarbe für Überschriften -->
p {color: #006600;} <!-- dunkelgrüne Schriftfarbe für normale Absätze -->
</style> |
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 auch von sehr einfachen Farb-Bildschirmen 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. 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 Seite, von der Du gekommen bist
© 2024 - Christian Bauer -
cn.bauer@gmx.de
|