| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe gold | ||||||
| Detail | : | Hintergrundfarbe gold | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | gold | #ffd700 | #ffd700 | #ffd700 | #ffd700 |
| Farbwert | : | #ffd700 | #ffdc24 | #ffdc24 | #dab800 | #dab800 |
| HTML | : | gold | #ffe248 | #ffe248 | #b69900 | #b69900 |
| CSS | : | gold | #ffe86d | #ffe86d | #917a00 | #917a00 |
| CSS (Wert) | : | #ffd700 | #ffed91 | #ffed91 | #6d5c00 | #6d5c00 |
| CSS (kürzest) | : | #ffd700 | #fff3b6 | #fff3b6 | #483d00 | #483d00 |
| CSS (RGB) | : | rgb(255,215,0) | #fff9da | #fff9da | #241e00 | #241e00 |
| CSS (%RGB) | : | rgb(100%,84%,0%) | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern z.B. die Hintergrundfarbe von <q> auf Farbe gold. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf courier new:
<style type="text/css"><!-- q { background-color:gold; font-family:courier new; } //--> </style>
Mehr zum HTML-Befehl <q>.
In diesem Beispiel umranden wir <frameset> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe gold. In HTML ist dies nicht machbar. Deshalb formatieren wir hier mit CSS.
<style type="text/css"><!-- frameset { border:5px outset gold; } //--> </style>
Zur Beschreibung vom hier genutzten Tag <frameset>.
