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 blue | Schriftfarbe blue | |||||
Detail | : | Hintergrund blue | Detail | : | Schrift blue | |
Farbe | : | blue | Farbe | : | blue | |
Farbwert | : | #0000ff | Farbwert | : | #0000ff | |
HTML | : | blue | HTML | : | blue | |
HTML (Wert) | : | #0000ff | HTML (Wert) | : | #0000ff | |
CSS | : | blue | CSS | : | blue | |
CSS (Wert) | : | #0000ff | CSS (Wert) | : | #0000ff | |
CSS (kürzest) | : | #00f | CSS (kürzest) | : | #00f | |
CSS (RGB) | : | rgb(0,0,255) | CSS (RGB) | : | rgb(0,0,255) | |
CSS (%RGB) | : | rgb(0%,0%,100%) | CSS (%RGB) | : | rgb(0%,0%,100%) |
Verlauf Hintergrundfarbe blue nach Schriftfarbe blue | |||||||
#0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff |
#0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff |
Kombination von blue und blue | |||||||
Auf Hintergrund blue ist blue ungeeignet, weil sich die Schrift in keiner Form vom Hintergrund abhebt. Damit entsteht eine Farbfläche. Selbstverständlich ist es sinnlos die gleiche Farbe für Schrift und Hintergrund zu verwenden. |
Hintergrundfarbe blue | Schriftfarbe blue | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff | #0000ff |
#2424ff | #2424ff | #0000da | #0000da | #2424ff | #2424ff | #0000da | #0000da |
#4848ff | #4848ff | #0000b6 | #0000b6 | #4848ff | #4848ff | #0000b6 | #0000b6 |
#6d6dff | #6d6dff | #000091 | #000091 | #6d6dff | #6d6dff | #000091 | #000091 |
#9191ff | #9191ff | #00006d | #00006d | #9191ff | #9191ff | #00006d | #00006d |
#b6b6ff | #b6b6ff | #000048 | #000048 | #b6b6ff | #b6b6ff | #000048 | #000048 |
#dadaff | #dadaff | #000024 | #000024 | #dadaff | #dadaff | #000024 | #000024 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / blue | |
black | #000000 | + | black | #000000 | black / blue | |
blue | #0000ff | + | blue | #0000ff | blue / blue | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / blue | |
gray | #808080 | + | gray | #808080 | gray / blue | |
grey | #808080 | + | grey | #808080 | grey / blue | |
green | #008000 | + | green | #008000 | green / blue | |
lime | #00ff00 | + | lime | #00ff00 | lime / blue | |
maroon | #800000 | + | maroon | #800000 | maroon / blue | |
navy | #000080 | + | navy | #000080 | navy / blue | |
olive | #808000 | + | olive | #808000 | olive / blue | |
purple | #800080 | + | purple | #800080 | purple / blue | |
red | #ff0000 | + | red | #ff0000 | red / blue | |
silver | #c0c0c0 | + | silver | #c0c0c0 | silver / blue | |
teal | #008080 | + | teal | #008080 | teal / blue | |
white | #ffffff | + | white | #ffffff | white / blue | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / blue |