Farben
|
|
Farben hinterlassen beim Besucher einen ersten visuellen
Eindruck. Farb-Angaben werden z.B. bei Schriftfarben,
Verweisfarben und Hintergrundfarben eingesetzt.
|
Hexadezimalcode
und RGB-Methode
|
|
16,7 Millionen
Farben können im Hexadezimal-Code angeben werden.
Wenn Sie Farben direkt im Hexadezimal-Modus definieren, muss die
gewünschte Farbe aus Angaben zu den drei Grundfarben - Rot,
Grün und Blau - zusammengestellt werden (RGB-Methode). Dieser Code wird immer mit einer Raute (Doppelkreuz)
#
eingeleitet. Danach folgen 6 Zeichen.
Beispiel: #34FFAD.
Die ersten zwei Zahlen legen den Rot-Anteil, die mittleren
den Grün-Anteil und die letzten beiden den Blau-Anteil fest.
Daher wird dies auch das RGB-Modell genannt.
Eine hexadezimale Ziffer kann 16 Zustände
haben. Jeder Farbwert (Rot, Grün, Blau) wird durch 2 Ziffern
angegeben. Das macht 256 (16 x 16 ) mögliche Nuancen pro
Farbwert, also 256 x 256 x 256 = 16.777.216 verschiedene
Farbtöne.
Beispiele: #FF0000 für Rot. Entspricht maximaler
Anteil an Rot-Farbteilen (256), Null Grün- und Null Blau-Anteilen. #00000
ergibt die Farbe "Schwarz", die weder
Rot, noch Grün- oder Blau-Anteile hat.
#FFFFFF maximaler Anteil an allen drei Grundfarben bewirkt
Weiß.
|
Hexadezimalzahlen umgerechnet in Dezimalzahlen:
|
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)
|
|
|
Die
16 Grundfarben
|
|
Die 16 Grundfarben
können mit englischen Bezeichnungen, aber auch mit
dem Hexadezimalcode angegeben werden. Hier finden Sie nur den Wert des
Attributes. Es muss natürlich sowohl der Befehl als auch das komplette Attribut
mit dem gewünschten Wert angegeben werden.
Beispiele: <font
color="#48dc99">, <table bgcolor="#da00ff">oder
<body bgcolor="#FFFFFF">
black oder
#000000 |
|
maroon oder
#800000 |
|
olive oder
#808000 |
|
navy oder
#000080 |
|
gray oder
#808080
|
|
red oder
#FF0000 |
|
green oder
#008000 |
|
blue oder
#0000FF |
|
silver oder
#C0C0C0
|
|
purple oder
#800080 |
|
lime oder
#00FF00 |
|
teal oder
#008080 |
|
white oder
#FFFFFF |
|
fuchsia oder
#FF00FF |
|
yellow oder
#FFFF00 |
|
aqua oder
#00FFFF |
|
|
Hintergrundfarben
und Verweisfarben
|
|
Im <body> Befehl kann man mit verschiedenen
Attributen die Farben innerhalb der gesamten Datei festlegen.
Beispiel: Die Angaben
dieser Seite lauten:
<body bgcolor="#FFFFFF"
text="#000000"
link="#0000FF" vlink="#333399" alink="#FF0099">
- Mit bgcolor wird
die Hintergrundfarbe definiert.
-
Mit text wird
die Farbe für den Text definiert, selbstverständlich kann man
innerhalb des Textes auch andere Farben benutzen.
-
Mit link wird
die
Farbe für Links/Verweise zu noch nicht besuchten Dateien definiert.
-
Mit vlink (vlink bedeutet visited
link, besuchter Verweis) wird
die
Farbe für Verweise zu bereits besuchten Dateien definiert.
-
Mit alink (alink bedeutet
activated link, aktivierter Verweis) wird
die Farbe für den Verweis definiert, den der Anwender gerade anklickt
hat.
|
Aufgaben
|
|
- Legen Sie in Ihrer Datei im <body> Befehl
die Hintergrundfarbe, die Farbe des Textes und der Links (Links
kommen dann später hinzu) fest.
- Verwenden Sie bei den Schriftfarben den
Hexadezimalcode.
- Suchen Sie einen "neuen" Farbton,
indem Sie die Zahlenangaben im Hexadezimalcode unterschiedlich
kombinieren.
- Wenn Ihnen eine Hintergrund-, Link- oder
Textfarbe einer Internet-Präsenz gefällt, dann verwenden
Sie diese in Ihrer Datei. Mit Ansicht, Quelltext anzeigen
(Internet Explorer) oder Ansicht, Seitenquelltext (Netscape)
können Sie im Quelltext sehen, welche Farben verwendet wurden.
|
|
|