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 yellow | Schriftfarbwert #ffff00 | |||||
| Detail | : | Hintergrund yellow | Detail | : | Schrift #ffff00 | |
| Farbe | : | yellow | Farbwert | : | #ffff00 | |
| Farbwert | : | #ffff00 | Farbe | : | yellow | |
| HTML | : | yellow | HTML | : | #ffff00 | |
| HTML (Wert) | : | #ffff00 | HTML (Wert) | : | #ffff00 | |
| CSS | : | yellow | CSS | : | #ffff00 | |
| CSS (Wert) | : | #ffff00 | CSS (Wert) | : | #ffff00 | |
| CSS (kürzest) | : | #ff0 | CSS (kürzest) | : | #ff0 | |
| CSS (RGB) | : | rgb(255,255,0) | CSS (RGB) | : | rgb(255,255,0) | |
| CSS (%RGB) | : | rgb(100%,100%,0%) | CSS (%RGB) | : | rgb(100%,100%,0%) | |
Verlauf Hintergrundfarbe yellow nach Schriftfarbwert #ffff00 | |||||||
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
Kombination von yellow und #ffff00 | |||||||
#ffff00 ist nicht als Schriftfarbe auf Hintergrund yellow geeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab, womit nur eine Farbfläche entsteht. Natürlich macht es keinen Sinn die gleiche Farbe für Schrift und Hintergrund zu nutzen. | |||||||
Hintergrundfarbe yellow | Schriftfarbwert #ffff00 | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
| #ffff24 | #ffff24 | #dada00 | #dada00 | #ffff24 | #ffff24 | #dada00 | #dada00 |
| #ffff48 | #ffff48 | #b6b600 | #b6b600 | #ffff48 | #ffff48 | #b6b600 | #b6b600 |
| #ffff6d | #ffff6d | #919100 | #919100 | #ffff6d | #ffff6d | #919100 | #919100 |
| #ffff91 | #ffff91 | #6d6d00 | #6d6d00 | #ffff91 | #ffff91 | #6d6d00 | #6d6d00 |
| #ffffb6 | #ffffb6 | #484800 | #484800 | #ffffb6 | #ffffb6 | #484800 | #484800 |
| #ffffda | #ffffda | #242400 | #242400 | #ffffda | #ffffda | #242400 | #242400 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / yellow | |
| black | #000000 | + | black | #000000 | black / yellow | |
| blue | #0000ff | + | blue | #0000ff | blue / yellow | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / yellow | |
| gray | #808080 | + | gray | #808080 | gray / yellow | |
| grey | #808080 | + | grey | #808080 | grey / yellow | |
| green | #008000 | + | green | #008000 | green / yellow | |
| lime | #00ff00 | + | lime | #00ff00 | lime / yellow | |
| maroon | #800000 | + | maroon | #800000 | maroon / yellow | |
| navy | #000080 | + | navy | #000080 | navy / yellow | |
| olive | #808000 | + | olive | #808000 | olive / yellow | |
| purple | #800080 | + | purple | #800080 | purple / yellow | |
| red | #ff0000 | + | red | #ff0000 | red / yellow | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / yellow | |
| teal | #008080 | + | teal | #008080 | teal / yellow | |
| white | #ffffff | + | white | #ffffff | white / yellow | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / yellow |