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 olive | Schriftfarbe olive | |||||
| Detail | : | Hintergrund olive | Detail | : | Schrift olive | |
| Farbe | : | olive | Farbe | : | olive | |
| Farbwert | : | #808000 | Farbwert | : | #808000 | |
| HTML | : | olive | HTML | : | olive | |
| HTML (Wert) | : | #808000 | HTML (Wert) | : | #808000 | |
| CSS | : | olive | CSS | : | olive | |
| CSS (Wert) | : | #808000 | CSS (Wert) | : | #808000 | |
| CSS (kürzest) | : | #808000 | CSS (kürzest) | : | #808000 | |
| CSS (RGB) | : | rgb(128,128,0) | CSS (RGB) | : | rgb(128,128,0) | |
| CSS (%RGB) | : | rgb(50%,50%,0%) | CSS (%RGB) | : | rgb(50%,50%,0%) | |
Verlauf Hintergrundfarbe olive nach Schriftfarbe olive | |||||||
| #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 |
| #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 |
Kombination von olive und olive | |||||||
olive eignet sich nicht als Schriftfarbe auf Hintergrund olive, da sich die Schrift überhaupt nicht vom Hintergrund abhebt. Womit eine Farbfläche entsteht. Selbstverständlich macht es keinen Sinn für Schrift und Hintergrund die gleiche Farbe zu verwenden. | |||||||
Hintergrundfarbe olive | Schriftfarbe olive | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 | #808000 |
| #929224 | #929224 | #6d6d00 | #6d6d00 | #929224 | #929224 | #6d6d00 | #6d6d00 |
| #a4a448 | #a4a448 | #5b5b00 | #5b5b00 | #a4a448 | #a4a448 | #5b5b00 | #5b5b00 |
| #b6b66d | #b6b66d | #494900 | #494900 | #b6b66d | #b6b66d | #494900 | #494900 |
| #c8c891 | #c8c891 | #363600 | #363600 | #c8c891 | #c8c891 | #363600 | #363600 |
| #dadab6 | #dadab6 | #242400 | #242400 | #dadab6 | #dadab6 | #242400 | #242400 |
| #ececda | #ececda | #121200 | #121200 | #ececda | #ececda | #121200 | #121200 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / olive | |
| black | #000000 | + | black | #000000 | black / olive | |
| blue | #0000ff | + | blue | #0000ff | blue / olive | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / olive | |
| gray | #808080 | + | gray | #808080 | gray / olive | |
| grey | #808080 | + | grey | #808080 | grey / olive | |
| green | #008000 | + | green | #008000 | green / olive | |
| lime | #00ff00 | + | lime | #00ff00 | lime / olive | |
| maroon | #800000 | + | maroon | #800000 | maroon / olive | |
| navy | #000080 | + | navy | #000080 | navy / olive | |
| olive | #808000 | + | olive | #808000 | olive / olive | |
| purple | #800080 | + | purple | #800080 | purple / olive | |
| red | #ff0000 | + | red | #ff0000 | red / olive | |
| silver | #c0c0c0 | + | silver | #c0c0c0 | silver / olive | |
| teal | #008080 | + | teal | #008080 | teal / olive | |
| white | #ffffff | + | white | #ffffff | white / olive | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / olive |