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 grey | Schriftfarbe grey | |||||
| Detail | : | Hintergrund grey | Detail | : | Schrift grey | |
| Farbe | : | grey | Farbe | : | grey | |
| Farbwert | : | #808080 | Farbwert | : | #808080 | |
| HTML | : | grey | HTML | : | grey | |
| HTML (Wert) | : | #808080 | HTML (Wert) | : | #808080 | |
| CSS | : | grey | CSS | : | grey | |
| CSS (Wert) | : | #808080 | CSS (Wert) | : | #808080 | |
| CSS (kürzest) | : | #808080 | CSS (kürzest) | : | #808080 | |
| CSS (RGB) | : | rgb(128,128,128) | CSS (RGB) | : | rgb(128,128,128) | |
| CSS (%RGB) | : | rgb(50%,50%,50%) | CSS (%RGB) | : | rgb(50%,50%,50%) | |
Verlauf Hintergrundfarbe grey nach Schriftfarbe grey | |||||||
| #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
| #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
Kombination von grey und grey | |||||||
Auf Hintergrund grey ist grey ungeeignet, weil sich die Schrift gar nicht vom Hintergrund abhebt, womit nur eine Farbfläche entsteht. Selbstverständlich macht es keinen Sinn für Schrift und Hintergrund die gleichen Farben zu setzen. | |||||||
Hintergrundfarbe grey | Schriftfarbe grey | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
| #929292 | #929292 | #6d6d6d | #6d6d6d | #929292 | #929292 | #6d6d6d | #6d6d6d |
| #a4a4a4 | #a4a4a4 | #5b5b5b | #5b5b5b | #a4a4a4 | #a4a4a4 | #5b5b5b | #5b5b5b |
| #b6b6b6 | #b6b6b6 | #494949 | #494949 | #b6b6b6 | #b6b6b6 | #494949 | #494949 |
| #c8c8c8 | #c8c8c8 | #363636 | #363636 | #c8c8c8 | #c8c8c8 | #363636 | #363636 |
| #dadada | #dadada | #242424 | #242424 | #dadada | #dadada | #242424 | #242424 |
| #ececec | #ececec | #121212 | #121212 | #ececec | #ececec | #121212 | #121212 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / grey | |
| black | #000000 | + | black | #000000 | black / grey | |
| blue | #0000ff | + | blue | #0000ff | blue / grey | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / grey | |
| gray | #808080 | + | gray | #808080 | gray / grey | |
| grey | #808080 | + | grey | #808080 | grey / grey | |
| green | #008000 | + | green | #008000 | green / grey | |
| lime | #00ff00 | + | lime | #00ff00 | lime / grey | |
| maroon | #800000 | + | maroon | #800000 | maroon / grey | |
| navy | #000080 | + | navy | #000080 | navy / grey | |
| olive | #808000 | + | olive | #808000 | olive / grey | |
| purple | #800080 | + | purple | #800080 | purple / grey | |
| red | #ff0000 | + | red | #ff0000 | red / grey | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / grey | |
| teal | #008080 | + | teal | #008080 | teal / grey | |
| white | #ffffff | + | white | #ffffff | white / grey | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / grey |