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 lime | ||||||
Detail | : | Hintergrundfarbe lime | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | lime | #00ff00 | #00ff00 | #00ff00 | #00ff00 |
Farbwert | : | #00ff00 | #24ff24 | #24ff24 | #00da00 | #00da00 |
HTML | : | lime | #48ff48 | #48ff48 | #00b600 | #00b600 |
CSS | : | lime | #6dff6d | #6dff6d | #009100 | #009100 |
CSS (Wert) | : | #00ff00 | #91ff91 | #91ff91 | #006d00 | #006d00 |
CSS (kürzest) | : | #0f0 | #b6ffb6 | #b6ffb6 | #004800 | #004800 |
CSS (RGB) | : | rgb(0,255,0) | #daffda | #daffda | #002400 | #002400 |
CSS (%RGB) | : | rgb(0%,100%,0%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <dfn> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbe lime ändert.<style type="text/css"><!-- dfn:hover { background-color:lime; } //--> </style>
Weiteres zum Thema lesen Sie in Text in HTML. Zur Beschreibung des HTML-Tag <dfn>.
In diesem Beispiel unterstreichen wir <fieldset> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbe lime. Dies ist mit HTML so kaum möglich. Wir nutzen deshalb CSS.
<style type="text/css"><!-- fieldset { border-bottom-color:lime; border-bottom-width:5px; border-bottom-style:inset; } //--> </style>
Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Es ist jedoch keine normale Unterstreichung, der Text selbst ist nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Mehr zu fieldset erfahren Sie in Formulare in HTML. Einzelheiten vom Tag fieldset erfahren Sie in der HTML Referenz unter <fieldset>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / lime | |
black | #000000 | + | black | #000000 | black / lime | |
blue | #0000ff | + | blue | #0000ff | blue / lime | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / lime | |
gray | #808080 | + | gray | #808080 | gray / lime | |
grey | #808080 | + | grey | #808080 | grey / lime | |
green | #008000 | + | green | #008000 | green / lime | |
lime | #00ff00 | + | lime | #00ff00 | lime / lime | |
maroon | #800000 | + | maroon | #800000 | maroon / lime | |
navy | #000080 | + | navy | #000080 | navy / lime | |
olive | #808000 | + | olive | #808000 | olive / lime | |
purple | #800080 | + | purple | #800080 | purple / lime | |
red | #ff0000 | + | red | #ff0000 | red / lime | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / lime | |
teal | #008080 | + | teal | #008080 | teal / lime | |
white | #ffffff | + | white | #ffffff | white / lime | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / lime |