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 #ff00ff | Schriftfarbe fuchsia | |||||
| Detail | : | Hintergrund #ff00ff | Detail | : | Schrift fuchsia | |
| Farbwert | : | #ff00ff | Farbe | : | fuchsia | |
| Farbe | : | fuchsia | Farbwert | : | #ff00ff | |
| HTML | : | #ff00ff | HTML | : | fuchsia | |
| HTML (Wert) | : | #ff00ff | HTML (Wert) | : | #ff00ff | |
| CSS | : | #ff00ff | CSS | : | fuchsia | |
| CSS (Wert) | : | #ff00ff | CSS (Wert) | : | #ff00ff | |
| CSS (kürzest) | : | #f0f | CSS (kürzest) | : | #f0f | |
| CSS (RGB) | : | rgb(255,0,255) | CSS (RGB) | : | rgb(255,0,255) | |
| CSS (%RGB) | : | rgb(100%,0%,100%) | CSS (%RGB) | : | rgb(100%,0%,100%) | |
Verlauf Hintergrundfarbwert #ff00ff nach Schriftfarbe fuchsia | |||||||
| #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff |
| #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff |
Kombination von #ff00ff und fuchsia | |||||||
Auf Hintergrund #ff00ff ist fuchsia ungeeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab, womit eine Farbfläche entsteht. Natürlich ist es sinnlos die gleichen Farben für Schrift und Hintergrund zu setzen. | |||||||
Hintergrundfarbwert #ff00ff | Schriftfarbe fuchsia | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff | #ff00ff |
| #ff24ff | #ff24ff | #da00da | #da00da | #ff24ff | #ff24ff | #da00da | #da00da |
| #ff48ff | #ff48ff | #b600b6 | #b600b6 | #ff48ff | #ff48ff | #b600b6 | #b600b6 |
| #ff6dff | #ff6dff | #910091 | #910091 | #ff6dff | #ff6dff | #910091 | #910091 |
| #ff91ff | #ff91ff | #6d006d | #6d006d | #ff91ff | #ff91ff | #6d006d | #6d006d |
| #ffb6ff | #ffb6ff | #480048 | #480048 | #ffb6ff | #ffb6ff | #480048 | #480048 |
| #ffdaff | #ffdaff | #240024 | #240024 | #ffdaff | #ffdaff | #240024 | #240024 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / #ff00ff | |
| black | #000000 | + | black | #000000 | black / #ff00ff | |
| blue | #0000ff | + | blue | #0000ff | blue / #ff00ff | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #ff00ff | |
| gray | #808080 | + | gray | #808080 | gray / #ff00ff | |
| grey | #808080 | + | grey | #808080 | grey / #ff00ff | |
| green | #008000 | + | green | #008000 | green / #ff00ff | |
| lime | #00ff00 | + | lime | #00ff00 | lime / #ff00ff | |
| maroon | #800000 | + | maroon | #800000 | maroon / #ff00ff | |
| navy | #000080 | + | navy | #000080 | navy / #ff00ff | |
| olive | #808000 | + | olive | #808000 | olive / #ff00ff | |
| purple | #800080 | + | purple | #800080 | purple / #ff00ff | |
| red | #ff0000 | + | red | #ff0000 | red / #ff00ff | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / #ff00ff | |
| teal | #008080 | + | teal | #008080 | teal / #ff00ff | |
| white | #ffffff | + | white | #ffffff | white / #ff00ff | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / #ff00ff |