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 aqua | Schriftfarbe aqua | |||||
Detail | : | Hintergrund aqua | Detail | : | Schrift aqua | |
Farbe | : | aqua | Farbe | : | aqua | |
Farbwert | : | #00ffff | Farbwert | : | #00ffff | |
HTML | : | aqua | HTML | : | aqua | |
HTML (Wert) | : | #00ffff | HTML (Wert) | : | #00ffff | |
CSS | : | aqua | CSS | : | aqua | |
CSS (Wert) | : | #00ffff | CSS (Wert) | : | #00ffff | |
CSS (kürzest) | : | #0ff | CSS (kürzest) | : | #0ff | |
CSS (RGB) | : | rgb(0,255,255) | CSS (RGB) | : | rgb(0,255,255) | |
CSS (%RGB) | : | rgb(0%,100%,100%) | CSS (%RGB) | : | rgb(0%,100%,100%) |
Verlauf Hintergrundfarbe aqua nach Schriftfarbe aqua | |||||||
#00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff |
#00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff |
Kombination von aqua und aqua | |||||||
Natürlich macht es keinen Sinn die gleiche Farbe für Schrift und Hintergrund zu nutzen. aqua ist nicht als Schriftfarbe auf Hintergrund aqua geeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab. Deshalb entsteht eine Farbfläche. |
Hintergrundfarbe aqua | Schriftfarbe aqua | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff |
#24ffff | #24ffff | #00dada | #00dada | #24ffff | #24ffff | #00dada | #00dada |
#48ffff | #48ffff | #00b6b6 | #00b6b6 | #48ffff | #48ffff | #00b6b6 | #00b6b6 |
#6dffff | #6dffff | #009191 | #009191 | #6dffff | #6dffff | #009191 | #009191 |
#91ffff | #91ffff | #006d6d | #006d6d | #91ffff | #91ffff | #006d6d | #006d6d |
#b6ffff | #b6ffff | #004848 | #004848 | #b6ffff | #b6ffff | #004848 | #004848 |
#daffff | #daffff | #002424 | #002424 | #daffff | #daffff | #002424 | #002424 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / aqua | |
black | #000000 | + | black | #000000 | black / aqua | |
blue | #0000ff | + | blue | #0000ff | blue / aqua | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / aqua | |
gray | #808080 | + | gray | #808080 | gray / aqua | |
grey | #808080 | + | grey | #808080 | grey / aqua | |
green | #008000 | + | green | #008000 | green / aqua | |
lime | #00ff00 | + | lime | #00ff00 | lime / aqua | |
maroon | #800000 | + | maroon | #800000 | maroon / aqua | |
navy | #000080 | + | navy | #000080 | navy / aqua | |
olive | #808000 | + | olive | #808000 | olive / aqua | |
purple | #800080 | + | purple | #800080 | purple / aqua | |
red | #ff0000 | + | red | #ff0000 | red / aqua | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / aqua | |
teal | #008080 | + | teal | #008080 | teal / aqua | |
white | #ffffff | + | white | #ffffff | white / aqua | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / aqua |