Farben in HTML


Farben können bei den Attributen
1. bgcolor (Hintergrundfarbe, Backgroundcolor, im Tag body)
2. text (Textfarbe im Tag body)
3. color (allgemein Farbe, z.B. im Tag font)
wie folgt gewählt werden:
   bgcolor="#rr gg bb"
   text   ="#rr gg bb"
   color  ="#rr gg bb"
Darin sind rr, gg, bb je zwei Hex-Ziffern für Red und Green, Blue (RGB-Farbraum). Leerzeichen zwischen den Hex-Ziffern sind optional und werden in der Regel nicht benutzt. Es sind somit 256*256*256 = 23*8 = 16.777.216 Farben angebbar.
Anwendungsbeispiel:
   ....
   <body bgcolor="#00FF00"  text="#0000FF">
    ....
       <font color="#123456">
        ......
        ......
       </font>
    ....
   </body>
   ....
Die Farbdarstellung ist hardwareabhängig. Bei Systemen mit weniger als 24-bit-Farbauflösung werden die fehlenden Farben interpoliert. Dabei kann es zu störenden Strukturen und Flackern kommen. Die HTML-3.2-Empfehlung besagt deshalb, nur "reine" Einzelfarben mit folgenden Hex-Werte zu verwenden:
             00 33 66 99 CC FF
Damit stehen aber nur 6*6*6 = 216 "reine" Farben statt 16.777.216 Farben zur Verfügung. Ist die Empfehlung angesichts des technischen Standes der heute überwiegend verwendeten Rechner bzw. Grafikkarten und Monitoren noch zeitgemäß?
Es gibt 16 vordefinierte Farbnamen die in der folgenden Tabelle mit ihren Farbwerten aufgeführt sind. Diese Farbnamen können an Stelle der Farbwerte benutzt werden und dürften von allen Browsern richtig interpretiert werden.
   Farbname       Farbwert         Farbname       Farbwert
   ------------------------        ------------------------
   black          "#000000"        green          "#008000"
   silver         "#C0C0C0"        lime           "#008000"
   gray           "#808080"        olive          "#00FF000"
   white          "#FFFFFF"        yellow         "#FFFF00"
   maroon         "#800000"        navy           "#000080"
   red            "#FF0000"        blue           "#0000FF"
   purple         "#800080"        teal           "#008080"
   fuchsia        "#FF00FF"        aqua           "#00FFFF"
In der späteren Seite "Standardfarben in Tabellenform" werden die Standardfarben visualisiert. Zuvor müssen aber Tabellen behandelt werden.

Über die 16 Standardfarbnamen hinaus gibt es weitere vordefinierte Farbnamen. Der Netscape Navigator (und sicherlich auch der Internet Explorer) unterstützt insgesamt 140 Farbnamen. Eine willkürlich/skurile Auswahl:

   Farbname       Farbwert         Farbname       Farbwert
   ------------------------        ------------------------
   antiquewhite   "#FAEBD7"        ligthgray      "#D3D3D3"
   azure          "#F0FFFF"        midnightblue   "#191970"
   brown          "#A52A2A"        mistyrose      "#FFE4E1"
   coral          "#FF7F50"        moccasin       "#FFE4B5"
   cornflowerblue "#6495ED"        orange         "#FFA500"
   crimson        "#DC143C"        pink           "#FFC0CB"
   darkgray       "#A9A9A9"        plum           "#DDA0DD"
   gold           "#FFD700"        salmon         "#FA8ß72"
   forestgreen    "#228B22"        sienna         "#A0522D"
   indigo         "#4B0082"        turquoise      "#40E0D0"

Ein kleines Farbenspiel mit Textfarben:
Rote Farbe mit "red" vordefiniert"
Blaue Farbe mit "blue" vordefiniert"
Gelbe Farbe mit "yellow" vordefiniert"
Schwarze Farbe mit "black" vordefiniert"
Grüne Farbe mit "green" vordefiniert"
Farbe mit dem Farbwert "#123456". Wie sieht die aus?

Übrigens: Im Tag body dieser Seite ist beim Attribut bgcolor der vordefinierte Farbname "silver" angegeben. Ändern Sie diesen Eintrag im Quelltext zu Übungszwecken auf einen anderen vordefinierten Farbnamen oder auf einen beliebigen Farbwert in der Hex-Darstellung "#rrggbb".

Zurück zur Startseite