von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe darkorange | Schriftfarbe darkorange | |||||
Detail | : | Hintergrund darkorange | Detail | : | Schrift darkorange | |
Farbe | : | darkorange | Farbe | : | darkorange | |
Farbwert | : | #ff8c00 | Farbwert | : | #ff8c00 | |
HTML | : | darkorange | HTML | : | darkorange | |
HTML (Wert) | : | #ff8c00 | HTML (Wert) | : | #ff8c00 | |
CSS | : | darkorange | CSS | : | darkorange | |
CSS (Wert) | : | #ff8c00 | CSS (Wert) | : | #ff8c00 | |
CSS (kürzest) | : | #ff8c00 | CSS (kürzest) | : | #ff8c00 | |
CSS (RGB) | : | rgb(255,140,0) | CSS (RGB) | : | rgb(255,140,0) | |
CSS (%RGB) | : | rgb(100%,54%,0%) | CSS (%RGB) | : | rgb(100%,54%,0%) |
Verlauf Hintergrundfarbe darkorange nach Schriftfarbe darkorange | |||||||
#ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
#ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
Kombination von darkorange und darkorange | |||||||
Selbstverständlich macht es keinen Sinn für Schrift und Hintergrund die gleiche Farbe zu setzen. Auf Hintergrund darkorange ist darkorange ungeeignet, da sich die Schrift in keiner Form vom Hintergrund abhebt, womit nur eine Farbfläche entsteht. |
Hintergrundfarbe darkorange | Schriftfarbe darkorange | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
#ff9c24 | #ff9c24 | #da7800 | #da7800 | #ff9c24 | #ff9c24 | #da7800 | #da7800 |
#ffac48 | #ffac48 | #b66400 | #b66400 | #ffac48 | #ffac48 | #b66400 | #b66400 |
#ffbd6d | #ffbd6d | #915000 | #915000 | #ffbd6d | #ffbd6d | #915000 | #915000 |
#ffcd91 | #ffcd91 | #6d3c00 | #6d3c00 | #ffcd91 | #ffcd91 | #6d3c00 | #6d3c00 |
#ffdeb6 | #ffdeb6 | #482800 | #482800 | #ffdeb6 | #ffdeb6 | #482800 | #482800 |
#ffeeda | #ffeeda | #241400 | #241400 | #ffeeda | #ffeeda | #241400 | #241400 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |