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 #ff4500 | Schriftfarbe orangered | |||||
| Detail | : | Hintergrund #ff4500 | Detail | : | Schrift orangered | |
| Farbwert | : | #ff4500 | Farbe | : | orangered | |
| Farbe | : | orangered | Farbwert | : | #ff4500 | |
| HTML | : | #ff4500 | HTML | : | orangered | |
| HTML (Wert) | : | #ff4500 | HTML (Wert) | : | #ff4500 | |
| CSS | : | #ff4500 | CSS | : | orangered | |
| CSS (Wert) | : | #ff4500 | CSS (Wert) | : | #ff4500 | |
| CSS (kürzest) | : | #ff4500 | CSS (kürzest) | : | #ff4500 | |
| CSS (RGB) | : | rgb(255,69,0) | CSS (RGB) | : | rgb(255,69,0) | |
| CSS (%RGB) | : | rgb(100%,27%,0%) | CSS (%RGB) | : | rgb(100%,27%,0%) | |
Verlauf Hintergrundfarbwert #ff4500 nach Schriftfarbe orangered | |||||||
| #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 |
| #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 |
Kombination von #ff4500 und orangered | |||||||
Auf Hintergrund #ff4500 ist orangered ungeeignet, da sich die Schrift gar nicht vom Hintergrund abhebt, womit eine Farbfläche entsteht. Selbstverständlich macht es keinen Sinn die gleiche Farbe für Schrift und Hintergrund zu setzen. | |||||||
Hintergrundfarbwert #ff4500 | Schriftfarbe orangered | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 | #ff4500 |
| #ff5f24 | #ff5f24 | #da3b00 | #da3b00 | #ff5f24 | #ff5f24 | #da3b00 | #da3b00 |
| #ff7a48 | #ff7a48 | #b63100 | #b63100 | #ff7a48 | #ff7a48 | #b63100 | #b63100 |
| #ff946d | #ff946d | #912700 | #912700 | #ff946d | #ff946d | #912700 | #912700 |
| #ffaf91 | #ffaf91 | #6d1d00 | #6d1d00 | #ffaf91 | #ffaf91 | #6d1d00 | #6d1d00 |
| #ffc9b6 | #ffc9b6 | #481300 | #481300 | #ffc9b6 | #ffc9b6 | #481300 | #481300 |
| #ffe4da | #ffe4da | #240900 | #240900 | #ffe4da | #ffe4da | #240900 | #240900 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |