von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
HTML verfügt seit jeher über 17 Standard Farbnamen.
Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.
Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.
Hintergrundfarbe black | ||||||
Detail | : | Hintergrundfarbe black | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | black | #000000 | #000000 | #000000 | #000000 |
Farbwert | : | #000000 | #242424 | #242424 | #000000 | #000000 |
HTML | : | black | #484848 | #484848 | #000000 | #000000 |
CSS | : | black | #6d6d6d | #6d6d6d | #000000 | #000000 |
CSS (Wert) | : | #000000 | #919191 | #919191 | #000000 | #000000 |
CSS (kürzest) | : | #000 | #b6b6b6 | #b6b6b6 | #000000 | #000000 |
CSS (RGB) | : | rgb(0,0,0) | #dadada | #dadada | #000000 | #000000 |
CSS (%RGB) | : | rgb(0%,0%,0%) | #ffffff | #ffffff | #000000 | #000000 |
Einen Link erzeugen Sie mit Tag <a>. Er kann farblich gestaltet und hervorgehoben werden.
Für dieses Beispiel legen wir Farbe black als Textfarbe von <a> fest:
<a style="color:black;"> Text ist in Farbe black </a>
Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum Tag a lesen Sie in der HTML Referenz unter <a>.
Eine Überschrift setzen Sie mit HTML-Tag <h3>. Diese kann farblich gestaltet werden.
In diesem Beispiel unterstreichen wir <h3> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbe black. Mit HTML geht das kaum. Wir verwenden deshalb CSS zur Formatierung.
<style type="text/css"><!-- h3 { border-bottom:2px inset black; } //--> </style>
Die Idee ist, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man diesen Effekt bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Das ist aber keine "normale" Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung des Tag <h3>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / black | |
black | #000000 | + | black | #000000 | black / black | |
blue | #0000ff | + | blue | #0000ff | blue / black | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / black | |
gray | #808080 | + | gray | #808080 | gray / black | |
grey | #808080 | + | grey | #808080 | grey / black | |
green | #008000 | + | green | #008000 | green / black | |
lime | #00ff00 | + | lime | #00ff00 | lime / black | |
maroon | #800000 | + | maroon | #800000 | maroon / black | |
navy | #000080 | + | navy | #000080 | navy / black | |
olive | #808000 | + | olive | #808000 | olive / black | |
purple | #800080 | + | purple | #800080 | purple / black | |
red | #ff0000 | + | red | #ff0000 | red / black | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / black | |
teal | #008080 | + | teal | #008080 | teal / black | |
white | #ffffff | + | white | #ffffff | white / black | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / black |