2.4 Farben

Farben werden in HTML durch Attribute zu HTML-Befehlen angegeben. Das Problem ist aber die Art und Weise wie die Farbe definiert werden muss: Zwar gibt es ein paar vorgefertigte Farbnamen, diese sind aber nicht zwingend für die Browser verpflichtend. Eine Übersicht dieser Farbnamen können Sie bei Stefan Münz finden (Farbtabelle mit festen Farbnamen bei Selfhtml).
Dies ist aber nur eine Lösung für Leute, die es eilig haben ;-)

Prinzipiell wird jede Farbe aus den Farben Rot, Grün und Blau (RGB) gemischt. Dieses Farbmischsystem wird verwendet, da es auf Lichtbrechung beruht. Stellen Sie sich vor, Sie haben eine rote, eine grüne und eine blaue Taschenlampe. Wenn Sie sie alle drei anmachen und auf ein und denselben Fleck richten, erhalten Sie dort weisses Licht. Schalten Sie sie aus, ist der Fleck schwarz. Genauso funktioniert auch das RGB-Prinzip (es wird ale ein additives Farbschema bezeichnet)- nur das hier die Taschenlampen auch stufenlos verstellbar sind und unterschiedlich starkes farbiges Licht ausgeben können.

rgb-Farbmodell schema

Diese Angaben, wieviel Rot, Grün und Blau verwendet werden soll müssen in HTML nach dem Hexadezimalsystem angegeben werden. Das Hexadezimalsystem ist ein anderes Zahlensystem in dem man mit nur zwei Stellen Werte von 0-255 angeben kann. Genausoviel Zustände stehen Ihnen auch für jede der drei Farben Rot, Grün und Blau zur Verfügung. Sie finden unter http://www.donau-uni.ac.at/publishing/html/708a43cx/referenzlisten/hexadezimal.htm eine sehr hilfreiche Aufstellung des Hexadezimalsystems. Der Trick dieses Systems besteht lediglich darin, dass die Zahlen 9-15 durch die Buchstaben a-f ersetzt werden. Nach 15 0f folgt als 16 die 11, 17=12 ..26=1A und so weiter.

Die Farbe wird jetzt wie folgt angegeben:

Diese Angabe ergibt später ein knalliges rot.

Sie können die Hexadezimalangabe der gewünschte Farbe beispielsweise in der Farbtabelle bei Stefan Münz ablesen, über ein Programm einfügen (z.B. wenn Sie Ihre Webseiten mit Hilfe des HTML-Editor Phase5 erzeugen), in Ihrem Bildbearbeitungsprogramm ablesen, oder mit dem Windows Taschenrechner herausfinden (Schalten Sie dazu den Taschenrechner über Ansicht/Wissenschaftlich in den Wissenschaftsmodus, geben Sie den Wert ein und Klicken Sie dann auf HEX).

Jetzt müssen Sie diese Art der Farbdefinition nur noch in das richtige Attribut einsetzen. Eine Möglichkeit zum Arbeiten mit Farben ist beispielsweise die Hintergrundfarbe der Seite. Diese wird in dem bereits vorhandenen Befehl <body> eingefügt.

<body bgcolor="#ccffff">
ergibt
ein hellblau als Hintergrundfarbe der kompletten Seite. Achten Sie aber darauf, dies in den EXISTIERENDEN Body Befehl hineinzuschreiben.

<font color="#ff0000">Schrift</font>
ergibt
Schrift

Beachten Sie aber bitte, dass die Schriftformatierung durch den Befehl font nicht mehr zeitgemäß ist. Näheres über die aktuellen Schriftformatierungsmöglichkeiten finden Sie unter dem Kapitel HTML-Vertiefung im Abschnitt CSS-Stylesheets.

Lesen Sie weiter mit "3.1 Tabellen"

zurueck | Start | Suche | Sitemap | Glossar| weiter

03.04.01 © Nora Bugdoll