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 steelblue | Schriftfarbwert #4682b4 | |||||
| Detail | : | Hintergrund steelblue | Detail | : | Schrift #4682b4 | |
| Farbe | : | steelblue | Farbwert | : | #4682b4 | |
| Farbwert | : | #4682b4 | Farbe | : | steelblue | |
| HTML | : | steelblue | HTML | : | #4682b4 | |
| HTML (Wert) | : | #4682b4 | HTML (Wert) | : | #4682b4 | |
| CSS | : | steelblue | CSS | : | #4682b4 | |
| CSS (Wert) | : | #4682b4 | CSS (Wert) | : | #4682b4 | |
| CSS (kürzest) | : | #4682b4 | CSS (kürzest) | : | #4682b4 | |
| CSS (RGB) | : | rgb(70,130,180) | CSS (RGB) | : | rgb(70,130,180) | |
| CSS (%RGB) | : | rgb(27%,50%,70%) | CSS (%RGB) | : | rgb(27%,50%,70%) | |
Verlauf Hintergrundfarbe steelblue nach Schriftfarbwert #4682b4 | |||||||
| #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 |
| #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 |
Kombination von steelblue und #4682b4 | |||||||
Natürlich ist es sinnlos die gleiche Farbe für Schrift und Hintergrund zu verwenden. Auf Hintergrund steelblue ist #4682b4 ungeeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab. So dass eine Farbfläche entsteht. | |||||||
Hintergrundfarbe steelblue | Schriftfarbwert #4682b4 | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 | #4682b4 |
| #6093be | #6093be | #3c6f9a | #3c6f9a | #6093be | #6093be | #3c6f9a | #3c6f9a |
| #7aa5c9 | #7aa5c9 | #325c80 | #325c80 | #7aa5c9 | #7aa5c9 | #325c80 | #325c80 |
| #95b7d4 | #95b7d4 | #284a66 | #284a66 | #95b7d4 | #95b7d4 | #284a66 | #284a66 |
| #afc9de | #afc9de | #1e374d | #1e374d | #afc9de | #afc9de | #1e374d | #1e374d |
| #cadbe9 | #cadbe9 | #142533 | #142533 | #cadbe9 | #cadbe9 | #142533 | #142533 |
| #e4edf4 | #e4edf4 | #0a1219 | #0a1219 | #e4edf4 | #e4edf4 | #0a1219 | #0a1219 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |