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 red | Schriftfarbe red | |||||
Detail | : | Hintergrund red | Detail | : | Schrift red | |
Farbe | : | red | Farbe | : | red | |
Farbwert | : | #ff0000 | Farbwert | : | #ff0000 | |
HTML | : | red | HTML | : | red | |
HTML (Wert) | : | #ff0000 | HTML (Wert) | : | #ff0000 | |
CSS | : | red | CSS | : | red | |
CSS (Wert) | : | #ff0000 | CSS (Wert) | : | #ff0000 | |
CSS (kürzest) | : | #f00 | CSS (kürzest) | : | #f00 | |
CSS (RGB) | : | rgb(255,0,0) | CSS (RGB) | : | rgb(255,0,0) | |
CSS (%RGB) | : | rgb(100%,0%,0%) | CSS (%RGB) | : | rgb(100%,0%,0%) |
Verlauf Hintergrundfarbe red nach Schriftfarbe red | |||||||
#ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
#ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
Kombination von red und red | |||||||
red ist nicht als Schriftfarbe auf Hintergrund red geeignet, da sich die Schrift nicht vom Hintergrund abhebt, so dass nur eine Farbfläche entsteht. Selbstverständlich ist es sinnlos die gleiche Farbe für Schrift und Hintergrund zu setzen. |
Hintergrundfarbe red | Schriftfarbe red | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 | #ff0000 |
#ff2424 | #ff2424 | #da0000 | #da0000 | #ff2424 | #ff2424 | #da0000 | #da0000 |
#ff4848 | #ff4848 | #b60000 | #b60000 | #ff4848 | #ff4848 | #b60000 | #b60000 |
#ff6d6d | #ff6d6d | #910000 | #910000 | #ff6d6d | #ff6d6d | #910000 | #910000 |
#ff9191 | #ff9191 | #6d0000 | #6d0000 | #ff9191 | #ff9191 | #6d0000 | #6d0000 |
#ffb6b6 | #ffb6b6 | #480000 | #480000 | #ffb6b6 | #ffb6b6 | #480000 | #480000 |
#ffdada | #ffdada | #240000 | #240000 | #ffdada | #ffdada | #240000 | #240000 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / red | |
black | #000000 | + | black | #000000 | black / red | |
blue | #0000ff | + | blue | #0000ff | blue / red | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / red | |
gray | #808080 | + | gray | #808080 | gray / red | |
grey | #808080 | + | grey | #808080 | grey / red | |
green | #008000 | + | green | #008000 | green / red | |
lime | #00ff00 | + | lime | #00ff00 | lime / red | |
maroon | #800000 | + | maroon | #800000 | maroon / red | |
navy | #000080 | + | navy | #000080 | navy / red | |
olive | #808000 | + | olive | #808000 | olive / red | |
purple | #800080 | + | purple | #800080 | purple / red | |
red | #ff0000 | + | red | #ff0000 | red / red | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / red | |
teal | #008080 | + | teal | #008080 | teal / red | |
white | #ffffff | + | white | #ffffff | white / red | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / red |