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 gray | |||||
| Detail | : | Hintergrund grey | Detail | : | Schrift gray | |
| Farbe | : | grey | Farbe | : | gray | |
| Farbwert | : | #808080 | Farbwert | : | #808080 | |
| HTML | : | grey | HTML | : | gray | |
| HTML (Wert) | : | #808080 | HTML (Wert) | : | #808080 | |
| CSS | : | grey | CSS | : | gray | |
| 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 gray | |||||||
| #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
| #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
Kombination von grey und gray | |||||||
gray eignet sich nicht als Schriftfarbe auf Hintergrund grey, weil sich die Schrift überhaupt nicht vom Hintergrund abhebt, so dass eine Farbfläche entsteht. Natürlich ist es sinnlos die gleiche Farbe für Schrift und Hintergrund zu setzen. | |||||||
Hintergrundfarbe grey | Schriftfarbe gray | ||||||
| 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 |