HTML-Dateien selbst erstellen: Inhaltsverzeichnis


Farben definieren in HTML

 Hinweise zum Definieren von Farben
 Hexadezimale Angabe von Farben
 Farbnamen für die 16 Grundfarben
 Speziellere Farbnamen


Hinweise zum Definieren von Farben

Farben können Sie in HTML in folgenen Zusammenhängen definieren: Obwohl die HTML-Tags der entsprechenden Farbdefinitionen sehr unterschiedlich sind, gilt bei allen Farbdefinitionen ein einheitliches Schema. Grundsätzlich gibt es zwei Möglichkeiten, Farben in HTML zu definieren:
  1. durch Angabe der RGB-Werte der gewünschten Farbe in Hexadezimalform (RGB = Rot/Grün/Blau-Wert der Farbe)
  2. durch Angabe eines Farbnamens
Wenn Sie hexadezimale Werte angeben, arbeiten Sie Browser-unabhängig, und Sie haben die volle Freiheit zwischen 16,7 Millionen Farben.

Wenn Sie Farbnamen angeben, umgehen Sie die etwas schwierige Definition einer Farbe im Hexadezimal-Modus. Derzeit gibt es jedoch noch keine standardisierten Farbnamen. Farbnamen sind bislang Browser-abhängig.


 Seitenanfang


HTML 3.2Netscape ab V1.1MS Internet Explorer ab V2.0IBM WebExplorer 1.03 Hexadezimale Angabe von Farben

Wenn Sie Farben direkt im Hexadezimal-Modus definieren, müssen Sie 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>
  <font color=#990099>roter Text</font>
  <table border bordercolor=00C0C0>  <!-- blaugrüner Tabellenrahmen -->

Jede hexadezimale Farbdefinition ist 6stellig und hat das Schema:
#XXXXXX.
Zunächst notieren Sie 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:

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.

Die 16 Grundfarben, die von jedem VGA-kompatiblen Bildschirm angezeigt werden können, finden Sie in der folgenden Abbildung:

Die meisten heutigen Grafikkarten und Bildschirme können 256 Farben und mehr verarbeiten. Die folgende Abbildung listet eine Auswahl interessanter Farben auf, darunter einige Pastellfarben und einige Signalfarben:

Diese Farben sind Anhaltspunkte, an denen Sie sich orientieren können. Um eigene Farben zu definieren, können Sie aus den Abbildungen eine Farbe auswählen, die der gewünschten Farbe am nächsten kommt. Dann können Sie einzelne RGB-Werte erhöhen oder erniedrigen, um zum gewünschten Ergebnis zu kommen.

Beachten Sie beim Definieren von Farben in Hexadezimalform auch die Regeln für  Farbpaletten.


 Seitenanfang


HTML 3.2MS Internet Explorer ab V2.0Netscape ab V2.0 Farbnamen der 16 Grundfarben

Um eine Farbe mit Hilfe eines Farbnamens zu definieren, geben Sie anstelle des hexadezimalen RGB-Werts einfach den gewünschten Farbnamen an.

Beispiele


  <body bgcolor=silver>silbergrauer Dateihintergrund</font>
  <font color=green>grüner Text</font>
  <table border bordercolor=red>  <!-- knallroter Tabellenrahmen -->
Die folgenden Farbnamen werden vom MS Internet Explorer und von Netscape, beide ab Version 2.0, interpretiert (Sortierung nach Farbwert):

  black    --  Das ist Text in dieser Farbe
  maroon   --  Das ist Text in dieser Farbe
  green    --  Das ist Text in dieser Farbe
  olive    --  Das ist Text in dieser Farbe
  navy     --  Das ist Text in dieser Farbe
  purple   --  Das ist Text in dieser Farbe
  teal     --  Das ist Text in dieser Farbe
  gray     --  Das ist Text in dieser Farbe
  silver   --  Das ist Text in dieser Farbe
  red      --  Das ist Text in dieser Farbe
  lime     --  Das ist Text in dieser Farbe
  yellow   --  Das ist Text in dieser Farbe
  blue     --  Das ist Text in dieser Farbe
  fuchsia  --  Das ist Text in dieser Farbe
  aqua     --  Das ist Text in dieser Farbe
  white    --  Das ist Text in dieser Farbe


 Seitenanfang


Netscape ab V2.0 Speziellere Farbnamen

Um eine Farbe mit Hilfe eines Farbnamens zu definieren, geben Sie anstelle des hexadezimalen RGB-Werts einfach den gewünschten Farbnamen an.

Beispiele


  <body bgcolor=brown>brauner Dateihintergrund</font>
  <font color=blueviolet>blau-violetter Text</font>
Die folgenden Farbnamen werden nur von von Netscape ab Version 2.0, interpretiert (alphabetische Sortierung):

aliceblue              --  Das ist Text in dieser Farbe
antiquewhite           --  Das ist Text in dieser Farbe
aqua                   --  Das ist Text in dieser Farbe
aquamarine             --  Das ist Text in dieser Farbe
azure                  --  Das ist Text in dieser Farbe
beige                  --  Das ist Text in dieser Farbe
bisque                 --  Das ist Text in dieser Farbe
black                  --  Das ist Text in dieser Farbe
blanchedalmond         --  Das ist Text in dieser Farbe
blue                   --  Das ist Text in dieser Farbe
blueviolet             --  Das ist Text in dieser Farbe
brown                  --  Das ist Text in dieser Farbe
burlywood              --  Das ist Text in dieser Farbe
cadetblue              --  Das ist Text in dieser Farbe
chartreuse             --  Das ist Text in dieser Farbe
chocolate              --  Das ist Text in dieser Farbe
coral                  --  Das ist Text in dieser Farbe
cornflowerblue         --  Das ist Text in dieser Farbe
cornsilk               --  Das ist Text in dieser Farbe
crimson                --  Das ist Text in dieser Farbe
cyan                   --  Das ist Text in dieser Farbe
darkblue               --  Das ist Text in dieser Farbe
darkzyan               --  Das ist Text in dieser Farbe
darkgoldenrod          --  Das ist Text in dieser Farbe
darkgray               --  Das ist Text in dieser Farbe
darkgreen              --  Das ist Text in dieser Farbe
darkkhaki              --  Das ist Text in dieser Farbe
darkmagenta            --  Das ist Text in dieser Farbe
darkolivegreen         --  Das ist Text in dieser Farbe
darkorange             --  Das ist Text in dieser Farbe
darkorchid             --  Das ist Text in dieser Farbe
darkred                --  Das ist Text in dieser Farbe
darksalmon             --  Das ist Text in dieser Farbe
darkseagreen           --  Das ist Text in dieser Farbe
darkslateblue          --  Das ist Text in dieser Farbe
darkslategray          --  Das ist Text in dieser Farbe
darkturquoise          --  Das ist Text in dieser Farbe
darkviolet             --  Das ist Text in dieser Farbe
deeppink               --  Das ist Text in dieser Farbe
deepskyblue            --  Das ist Text in dieser Farbe
dimgray                --  Das ist Text in dieser Farbe
dodgerblue             --  Das ist Text in dieser Farbe
firebrick              --  Das ist Text in dieser Farbe
floralwhite            --  Das ist Text in dieser Farbe
forestgreen            --  Das ist Text in dieser Farbe
fuchsia                --  Das ist Text in dieser Farbe
gainsboro              --  Das ist Text in dieser Farbe
ghostwhite             --  Das ist Text in dieser Farbe
gold                   --  Das ist Text in dieser Farbe
goldenrod              --  Das ist Text in dieser Farbe
gray                   --  Das ist Text in dieser Farbe
green                  --  Das ist Text in dieser Farbe
greenyellow            --  Das ist Text in dieser Farbe
honeydew               --  Das ist Text in dieser Farbe
hotpink                --  Das ist Text in dieser Farbe
indianred              --  Das ist Text in dieser Farbe
indigo                 --  Das ist Text in dieser Farbe
ivory                  --  Das ist Text in dieser Farbe
khaki                  --  Das ist Text in dieser Farbe
lavender               --  Das ist Text in dieser Farbe
lavenderblush          --  Das ist Text in dieser Farbe
lawngreen              --  Das ist Text in dieser Farbe
lemonchiffon           --  Das ist Text in dieser Farbe
lightblue              --  Das ist Text in dieser Farbe
lightcoral             --  Das ist Text in dieser Farbe
lightcyan              --  Das ist Text in dieser Farbe
lightgoldenrodyellow   --  Das ist Text in dieser Farbe
lightgreen             --  Das ist Text in dieser Farbe
lightgrey              --  Das ist Text in dieser Farbe
lightpink              --  Das ist Text in dieser Farbe
lightsalmon            --  Das ist Text in dieser Farbe
lightseagreen          --  Das ist Text in dieser Farbe
lightskyblue           --  Das ist Text in dieser Farbe
lightslategray         --  Das ist Text in dieser Farbe
lightsteelblue         --  Das ist Text in dieser Farbe
lightyellow            --  Das ist Text in dieser Farbe
lime                   --  Das ist Text in dieser Farbe
limegreen              --  Das ist Text in dieser Farbe
linen                  --  Das ist Text in dieser Farbe
magenta                --  Das ist Text in dieser Farbe
maroon                 --  Das ist Text in dieser Farbe
mediumaquamarine       --  Das ist Text in dieser Farbe
mediumblue             --  Das ist Text in dieser Farbe
mediumorchid           --  Das ist Text in dieser Farbe
mediumpurple           --  Das ist Text in dieser Farbe
mediumseagreen         --  Das ist Text in dieser Farbe
mediumslateblue        --  Das ist Text in dieser Farbe 
mediumspringgreen      --  Das ist Text in dieser Farbe
mediumturquoise        --  Das ist Text in dieser Farbe
mediumvioletred        --  Das ist Text in dieser Farbe
midnightblue           --  Das ist Text in dieser Farbe
mintcream              --  Das ist Text in dieser Farbe
mistyrose              --  Das ist Text in dieser Farbe
moccasin               --  Das ist Text in dieser Farbe
navajowhite            --  Das ist Text in dieser Farbe
navy                   --  Das ist Text in dieser Farbe
oldlace                --  Das ist Text in dieser Farbe
olive                  --  Das ist Text in dieser Farbe
olivedrab              --  Das ist Text in dieser Farbe
orange                 --  Das ist Text in dieser Farbe
orangered              --  Das ist Text in dieser Farbe
orchid                 --  Das ist Text in dieser Farbe
palegoldenrod          --  Das ist Text in dieser Farbe
palegreen              --  Das ist Text in dieser Farbe
paleturquoise          --  Das ist Text in dieser Farbe
palevioletred          --  Das ist Text in dieser Farbe
papayawhip             --  Das ist Text in dieser Farbe
peachpuff              --  Das ist Text in dieser Farbe
pery                   --  Das ist Text in dieser Farbe
pink                   --  Das ist Text in dieser Farbe
plum                   --  Das ist Text in dieser Farbe
powderblue             --  Das ist Text in dieser Farbe
purple                 --  Das ist Text in dieser Farbe
red                    --  Das ist Text in dieser Farbe
rosybrown              --  Das ist Text in dieser Farbe
royalblue              --  Das ist Text in dieser Farbe
saddelbrown            --  Das ist Text in dieser Farbe
salmon                 --  Das ist Text in dieser Farbe
sandybrown             --  Das ist Text in dieser Farbe
seagreen               --  Das ist Text in dieser Farbe
seashell               --  Das ist Text in dieser Farbe
sienna                 --  Das ist Text in dieser Farbe
silver                 --  Das ist Text in dieser Farbe
skyblue                --  Das ist Text in dieser Farbe
slateblue              --  Das ist Text in dieser Farbe
slategray              --  Das ist Text in dieser Farbe
snow                   --  Das ist Text in dieser Farbe
springgreen            --  Das ist Text in dieser Farbe
steelblue              --  Das ist Text in dieser Farbe
tan                    --  Das ist Text in dieser Farbe
teal                   --  Das ist Text in dieser Farbe
thistle                --  Das ist Text in dieser Farbe
tomato                 --  Das ist Text in dieser Farbe
turquoise              --  Das ist Text in dieser Farbe
violet                 --  Das ist Text in dieser Farbe
wheat                  --  Das ist Text in dieser Farbe
white                  --  Das ist Text in dieser Farbe
whitesmoke             --  Das ist Text in dieser Farbe
yellow                 --  Das ist Text in dieser Farbe
yellowgreen            --  Das ist Text in dieser Farbe


 HTML-Dateien selbst erstellen: Inhaltsverzeichnis
 Seitenanfang

Blättern:
Frames (Bildschirmbereiche)  |  Lokale und weltweite Verweise


© 1996  Stefan Münz