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 #ff0000 | Schriftfarbwert #ff0000 | |||||
| Detail | : | Hintergrund #ff0000 | Detail | : | Schrift #ff0000 | |
| Farbwert | : | #ff0000 | Farbwert | : | #ff0000 | |
| Farbe | : | red | Farbe | : | red | |
| HTML | : | #ff0000 | HTML | : | #ff0000 | |
| HTML (Wert) | : | #ff0000 | HTML (Wert) | : | #ff0000 | |
| CSS | : | #ff0000 | CSS | : | #ff0000 | |
| CSS (Wert) | : | #ff0000 | CSS (Wert) | : | #ff0000 | |
| CSS (kürzest) | : | #f00 | CSS (kürzest) | : | #f00 | |
| CSS (RGB) | : | rgb(255,0,0) | CSS (RGB) | : | rgb(255,0,0) | |
| CSS (%RGB) | : | rgb(100%,0%,0%) | CSS (%RGB) | : | rgb(100%,0%,0%) | |
Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbwert #ff0000 | |||||||
| #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
| #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
Kombination von #ff0000 und #ff0000 | |||||||
#ff0000 ist nicht als Schriftfarbe auf Hintergrund #ff0000 geeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab, so dass eine Farbfläche entsteht. Natürlich macht es keinen Sinn die gleiche Farbe für Schrift und Hintergrund zu setzen. | |||||||
Hintergrundfarbwert #ff0000 | Schriftfarbwert #ff0000 | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
| #ff2424 | #ff2424 | #da0000 | #da0000 | #ff2424 | #ff2424 | #da0000 | #da0000 |
| #ff4848 | #ff4848 | #b60000 | #b60000 | #ff4848 | #ff4848 | #b60000 | #b60000 |
| #ff6d6d | #ff6d6d | #910000 | #910000 | #ff6d6d | #ff6d6d | #910000 | #910000 |
| #ff9191 | #ff9191 | #6d0000 | #6d0000 | #ff9191 | #ff9191 | #6d0000 | #6d0000 |
| #ffb6b6 | #ffb6b6 | #480000 | #480000 | #ffb6b6 | #ffb6b6 | #480000 | #480000 |
| #ffdada | #ffdada | #240000 | #240000 | #ffdada | #ffdada | #240000 | #240000 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / #ff0000 | |
| black | #000000 | + | black | #000000 | black / #ff0000 | |
| blue | #0000ff | + | blue | #0000ff | blue / #ff0000 | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #ff0000 | |
| gray | #808080 | + | gray | #808080 | gray / #ff0000 | |
| grey | #808080 | + | grey | #808080 | grey / #ff0000 | |
| green | #008000 | + | green | #008000 | green / #ff0000 | |
| lime | #00ff00 | + | lime | #00ff00 | lime / #ff0000 | |
| maroon | #800000 | + | maroon | #800000 | maroon / #ff0000 | |
| navy | #000080 | + | navy | #000080 | navy / #ff0000 | |
| olive | #808000 | + | olive | #808000 | olive / #ff0000 | |
| purple | #800080 | + | purple | #800080 | purple / #ff0000 | |
| red | #ff0000 | + | red | #ff0000 | red / #ff0000 | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #ff0000 | |
| teal | #008080 | + | teal | #008080 | teal / #ff0000 | |
| white | #ffffff | + | white | #ffffff | white / #ff0000 | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / #ff0000 |