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.
Hintergrundfarbwert #c0c0c0 | ||||||
Detail | : | Hintergrundfarbwert #c0c0c0 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #c0c0c0 | #c0c0c0 | #c0c0c0 | #c0c0c0 | #c0c0c0 |
Farbe | : | silver | #c9c9c9 | #c9c9c9 | #a4a4a4 | #a4a4a4 |
HTML | : | #c0c0c0 | #d2d2d2 | #d2d2d2 | #898989 | #898989 |
CSS | : | #c0c0c0 | #dbdbdb | #dbdbdb | #6d6d6d | #6d6d6d |
CSS (Wert) | : | #c0c0c0 | #e4e4e4 | #e4e4e4 | #525252 | #525252 |
CSS (kürzest) | : | #c0c0c0 | #ededed | #ededed | #363636 | #363636 |
CSS (RGB) | : | rgb(192,192,192) | #f6f6f6 | #f6f6f6 | #1b1b1b | #1b1b1b |
CSS (%RGB) | : | rgb(75%,75%,75%) | #ffffff | #ffffff | #000000 | #000000 |
Beispielsweise unterstreichen wir <caption> mit einem doppelten Rahmen mit 3 Pixel Dicke in Farbwert #c0c0c0. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS.
<style type="text/css"><!-- caption { border-bottom:3px double #c0c0c0; } //--> </style>
Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text ist gar nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.
Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Die Beschreibung des Tag caption lesen Sie in der HTML Referenz unter <caption>.
Einen Hyperlink erzeugen Sie mit HTML-Tag <a>. Dieser kann farblich gestaltet werden.
Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <a> so ein, dass bei Berührung mit der Maus die Unterstreichungsfarbe auf Farbwert #c0c0c0 gesetzt wird.<style type="text/css"><!-- a: hover { border-bottom-color: #c0c0c0; } //--> </style>
Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung des hier verwendeten Tag <a>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / #c0c0c0 | |
black | #000000 | + | black | #000000 | black / #c0c0c0 | |
blue | #0000ff | + | blue | #0000ff | blue / #c0c0c0 | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #c0c0c0 | |
gray | #808080 | + | gray | #808080 | gray / #c0c0c0 | |
grey | #808080 | + | grey | #808080 | grey / #c0c0c0 | |
green | #008000 | + | green | #008000 | green / #c0c0c0 | |
lime | #00ff00 | + | lime | #00ff00 | lime / #c0c0c0 | |
maroon | #800000 | + | maroon | #800000 | maroon / #c0c0c0 | |
navy | #000080 | + | navy | #000080 | navy / #c0c0c0 | |
olive | #808000 | + | olive | #808000 | olive / #c0c0c0 | |
purple | #800080 | + | purple | #800080 | purple / #c0c0c0 | |
red | #ff0000 | + | red | #ff0000 | red / #c0c0c0 | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #c0c0c0 | |
teal | #008080 | + | teal | #008080 | teal / #c0c0c0 | |
white | #ffffff | + | white | #ffffff | white / #c0c0c0 | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / #c0c0c0 |