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 | Schriftfarbe yellow | |||||
| Detail | : | Hintergrund yellow | Detail | : | Schrift yellow | |
| Farbe | : | yellow | Farbe | : | yellow | |
| Farbwert | : | #ffff00 | Farbwert | : | #ffff00 | |
| HTML | : | yellow | HTML | : | yellow | |
| HTML (Wert) | : | #ffff00 | HTML (Wert) | : | #ffff00 | |
| CSS | : | yellow | CSS | : | yellow | |
| 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 Schriftfarbe yellow | |||||||
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
Kombination von yellow und yellow | |||||||
Selbstverständlich macht es keinen Sinn die gleiche Farbe für Schrift und Hintergrund zu setzen. yellow ist nicht als Schriftfarbe auf Hintergrund yellow geeignet, weil sich die Schrift in keiner Form vom Hintergrund abhebt. Somit entsteht eine Farbfläche. | |||||||
Hintergrundfarbe yellow | Schriftfarbe yellow | ||||||
| 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 |