I. Technik Grundbegriffe HTML-Syntax Text Farben Tabellen Formulare
Links-Multimedia Meta-Befehle Frames  CSS Forum Editoren


Farben und RGB-Modell

Farben
Hexadezimalcode und RGB-Methode
Die 16 Grundfarben
Hintergrund- und Verweisfarben
Aufgaben

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

  1. Legen Sie in Ihrer Datei im <body> Befehl die Hintergrundfarbe, die Farbe des Textes und der Links (Links kommen dann später hinzu) fest.
  2. Verwenden Sie bei den Schriftfarben den Hexadezimalcode. 
  3. Suchen Sie einen "neuen" Farbton, indem Sie die Zahlenangaben im Hexadezimalcode unterschiedlich kombinieren.
  4. 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.

  Text Seite drucken Tabellen
I. Technik Grundbegriffe HTML-Syntax Text Farben Tabellen Formulare
Links-Multimedia Meta-Befehle Frames  CSS Forum Editoren
© Copyright by Johann-Lauer.de
Quelle: www.web-publishing.biz E-Mail: info@web-publishing.biz
Seitenanfang