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 #00ffff | ||||||
Detail | : | Hintergrundfarbwert #00ffff | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff |
Farbe | : | aqua | #24ffff | #24ffff | #00dada | #00dada |
HTML | : | #00ffff | #48ffff | #48ffff | #00b6b6 | #00b6b6 |
CSS | : | #00ffff | #6dffff | #6dffff | #009191 | #009191 |
CSS (Wert) | : | #00ffff | #91ffff | #91ffff | #006d6d | #006d6d |
CSS (kürzest) | : | #0ff | #b6ffff | #b6ffff | #004848 | #004848 |
CSS (RGB) | : | rgb(0,255,255) | #daffff | #daffff | #002424 | #002424 |
CSS (%RGB) | : | rgb(0%,100%,100%) | #ffffff | #ffffff | #000000 | #000000 |
Eine Überschrift erzeugt man mit HTML-Tag <h3>. Diese können Sie farblich gestalten und hervorheben.
Wir legen zum Beispiel die Textfarbe von <h3> auf Farbwert #00ffff fest. Die Größe der Schrift ändern wir auf 14pt.
<h3 style="font-size:14pt; color:#0ff;"> Text hat Farbwert #00ffff </h3>
Mehr zum Thema h3 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier verwendeten HTML-Befehl h3 finden Sie in der HTML Referenz unter <h3>.
Hier unterstreichen wir <legend> mit einem herausstehenden Rahmen mit 3 Pixel Dicke in Farbwert #00ffff. Mit HTML geht das nicht. Wir nutzen deshalb CSS zur Formatierung.
<style type="text/css"><!-- legend { border-bottom-color: #0ff; border-bottom-style: outset; border-bottom-width: 3px; } //--> </style>
Die Idee ist hierbei, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist jedoch keine "normale" Unterstreichung, der Text ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.
Weiteres zu legend können Sie in Formulare in HTML erfahren. Die Beschreibung vom hier verwendeten Tag legend lesen Sie in der HTML Referenz unter <legend>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / #00ffff | |
black | #000000 | + | black | #000000 | black / #00ffff | |
blue | #0000ff | + | blue | #0000ff | blue / #00ffff | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #00ffff | |
gray | #808080 | + | gray | #808080 | gray / #00ffff | |
grey | #808080 | + | grey | #808080 | grey / #00ffff | |
green | #008000 | + | green | #008000 | green / #00ffff | |
lime | #00ff00 | + | lime | #00ff00 | lime / #00ffff | |
maroon | #800000 | + | maroon | #800000 | maroon / #00ffff | |
navy | #000080 | + | navy | #000080 | navy / #00ffff | |
olive | #808000 | + | olive | #808000 | olive / #00ffff | |
purple | #800080 | + | purple | #800080 | purple / #00ffff | |
red | #ff0000 | + | red | #ff0000 | red / #00ffff | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #00ffff | |
teal | #008080 | + | teal | #008080 | teal / #00ffff | |
white | #ffffff | + | white | #ffffff | white / #00ffff | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / #00ffff |