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 #008080 | Schriftfarbe teal | |||||
| Detail | : | Hintergrund #008080 | Detail | : | Schrift teal | |
| Farbwert | : | #008080 | Farbe | : | teal | |
| Farbe | : | teal | Farbwert | : | #008080 | |
| HTML | : | #008080 | HTML | : | teal | |
| HTML (Wert) | : | #008080 | HTML (Wert) | : | #008080 | |
| CSS | : | #008080 | 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 Hintergrundfarbwert #008080 nach Schriftfarbe teal | |||||||
| #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 |
| #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 | #008080 |
Kombination von #008080 und teal | |||||||
teal ist nicht als Schriftfarbe auf Hintergrund #008080 geeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab. Womit eine Farbfläche entsteht. Selbstverständlich macht es keinen Sinn die gleichen Farben für Schrift und Hintergrund zu nutzen. | |||||||
Hintergrundfarbwert #008080 | 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 / #008080 | |
| black | #000000 | + | black | #000000 | black / #008080 | |
| blue | #0000ff | + | blue | #0000ff | blue / #008080 | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #008080 | |
| gray | #808080 | + | gray | #808080 | gray / #008080 | |
| grey | #808080 | + | grey | #808080 | grey / #008080 | |
| green | #008000 | + | green | #008000 | green / #008080 | |
| lime | #00ff00 | + | lime | #00ff00 | lime / #008080 | |
| maroon | #800000 | + | maroon | #800000 | maroon / #008080 | |
| navy | #000080 | + | navy | #000080 | navy / #008080 | |
| olive | #808000 | + | olive | #808000 | olive / #008080 | |
| purple | #800080 | + | purple | #800080 | purple / #008080 | |
| red | #ff0000 | + | red | #ff0000 | red / #008080 | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #008080 | |
| teal | #008080 | + | teal | #008080 | teal / #008080 | |
| white | #ffffff | + | white | #ffffff | white / #008080 | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / #008080 |