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 gray | Schriftfarbe grey | |||||
Detail | : | Hintergrund gray | Detail | : | Schrift grey | |
Farbe | : | gray | Farbe | : | grey | |
Farbwert | : | #808080 | Farbwert | : | #808080 | |
HTML | : | gray | HTML | : | grey | |
HTML (Wert) | : | #808080 | HTML (Wert) | : | #808080 | |
CSS | : | gray | 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 gray nach Schriftfarbe grey | |||||||
#808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
#808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 | #808080 |
Kombination von gray und grey | |||||||
grey ist nicht als Schriftfarbe auf Hintergrund gray geeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab. Damit entsteht eine Farbfläche. Selbstverständlich macht es keinen Sinn für Schrift und Hintergrund die gleiche Farbe zu setzen. |
Hintergrundfarbe gray | 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 / gray | |
black | #000000 | + | black | #000000 | black / gray | |
blue | #0000ff | + | blue | #0000ff | blue / gray | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / gray | |
gray | #808080 | + | gray | #808080 | gray / gray | |
grey | #808080 | + | grey | #808080 | grey / gray | |
green | #008000 | + | green | #008000 | green / gray | |
lime | #00ff00 | + | lime | #00ff00 | lime / gray | |
maroon | #800000 | + | maroon | #800000 | maroon / gray | |
navy | #000080 | + | navy | #000080 | navy / gray | |
olive | #808000 | + | olive | #808000 | olive / gray | |
purple | #800080 | + | purple | #800080 | purple / gray | |
red | #ff0000 | + | red | #ff0000 | red / gray | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / gray | |
teal | #008080 | + | teal | #008080 | teal / gray | |
white | #ffffff | + | white | #ffffff | white / gray | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / gray |