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.
Hintergrundfarbwert #ff8c00 | Schriftfarbe darkorange | |||||
| Detail | : | Hintergrund #ff8c00 | Detail | : | Schrift darkorange | |
| Farbwert | : | #ff8c00 | Farbe | : | darkorange | |
| Farbe | : | darkorange | Farbwert | : | #ff8c00 | |
| HTML | : | #ff8c00 | HTML | : | darkorange | |
| HTML (Wert) | : | #ff8c00 | HTML (Wert) | : | #ff8c00 | |
| CSS | : | #ff8c00 | 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 Hintergrundfarbwert #ff8c00 nach Schriftfarbe darkorange | |||||||
| #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
| #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 | #ff8c00 |
Kombination von #ff8c00 und darkorange | |||||||
Auf Hintergrund #ff8c00 ist darkorange ungeeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab. Deshalb entsteht eine Farbfläche. Natürlich macht es keinen Sinn für Schrift und Hintergrund die gleiche Farbe zu setzen. | |||||||
Hintergrundfarbwert #ff8c00 | 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 |