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 teal | Schriftfarbe teal | |||||
| Detail | : | Hintergrund teal | Detail | : | Schrift teal | |
| Farbe | : | teal | Farbe | : | teal | |
| Farbwert | : | #008080 | Farbwert | : | #008080 | |
| HTML | : | teal | HTML | : | teal | |
| HTML (Wert) | : | #008080 | HTML (Wert) | : | #008080 | |
| CSS | : | teal | CSS | : | teal | |
| CSS (Wert) | : | #008080 | CSS (Wert) | : | #008080 | |
| CSS (kürzest) | : | #008080 | CSS (kürzest) | : | #008080 | |
| CSS (RGB) | : | rgb(0,128,128) | CSS (RGB) | : | rgb(0,128,128) | |
| CSS (%RGB) | : | rgb(0%,50%,50%) | CSS (%RGB) | : | rgb(0%,50%,50%) | |
Verlauf Hintergrundfarbe teal nach Schriftfarbe teal | |||||||
| #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 |
| #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 |
Kombination von teal und teal | |||||||
teal eignet sich nicht als Schriftfarbe auf Hintergrund teal, da sich die Schrift überhaupt nicht vom Hintergrund abhebt, womit nur eine Farbfläche entsteht. Natürlich macht es keinen Sinn für Schrift und Hintergrund die gleichen Farben zu nutzen. | |||||||
Hintergrundfarbe teal | Schriftfarbe teal | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 |
| #249292 | #249292 | #006d6d | #006d6d | #249292 | #249292 | #006d6d | #006d6d |
| #48a4a4 | #48a4a4 | #005b5b | #005b5b | #48a4a4 | #48a4a4 | #005b5b | #005b5b |
| #6db6b6 | #6db6b6 | #004949 | #004949 | #6db6b6 | #6db6b6 | #004949 | #004949 |
| #91c8c8 | #91c8c8 | #003636 | #003636 | #91c8c8 | #91c8c8 | #003636 | #003636 |
| #b6dada | #b6dada | #002424 | #002424 | #b6dada | #b6dada | #002424 | #002424 |
| #daecec | #daecec | #001212 | #001212 | #daecec | #daecec | #001212 | #001212 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / teal | |
| black | #000000 | + | black | #000000 | black / teal | |
| blue | #0000ff | + | blue | #0000ff | blue / teal | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / teal | |
| gray | #808080 | + | gray | #808080 | gray / teal | |
| grey | #808080 | + | grey | #808080 | grey / teal | |
| green | #008000 | + | green | #008000 | green / teal | |
| lime | #00ff00 | + | lime | #00ff00 | lime / teal | |
| maroon | #800000 | + | maroon | #800000 | maroon / teal | |
| navy | #000080 | + | navy | #000080 | navy / teal | |
| olive | #808000 | + | olive | #808000 | olive / teal | |
| purple | #800080 | + | purple | #800080 | purple / teal | |
| red | #ff0000 | + | red | #ff0000 | red / teal | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / teal | |
| teal | #008080 | + | teal | #008080 | teal / teal | |
| white | #ffffff | + | white | #ffffff | white / teal | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / teal |