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 #ff69b4 | Schriftfarbe hotpink | |||||
| Detail | : | Hintergrund #ff69b4 | Detail | : | Schrift hotpink | |
| Farbwert | : | #ff69b4 | Farbe | : | hotpink | |
| Farbe | : | hotpink | Farbwert | : | #ff69b4 | |
| HTML | : | #ff69b4 | HTML | : | hotpink | |
| HTML (Wert) | : | #ff69b4 | HTML (Wert) | : | #ff69b4 | |
| CSS | : | #ff69b4 | CSS | : | hotpink | |
| CSS (Wert) | : | #ff69b4 | CSS (Wert) | : | #ff69b4 | |
| CSS (kürzest) | : | #ff69b4 | CSS (kürzest) | : | #ff69b4 | |
| CSS (RGB) | : | rgb(255,105,180) | CSS (RGB) | : | rgb(255,105,180) | |
| CSS (%RGB) | : | rgb(100%,41%,70%) | CSS (%RGB) | : | rgb(100%,41%,70%) | |
Verlauf Hintergrundfarbwert #ff69b4 nach Schriftfarbe hotpink | |||||||
| #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 |
| #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 |
Kombination von #ff69b4 und hotpink | |||||||
Auf Hintergrund #ff69b4 ist hotpink ungeeignet. Die Schrift hebt sicht natürlich in keiner Form vom Hintergrund ab, womit nur eine Farbfläche entsteht. Selbstverständlich ist es sinnlos die gleiche Farbe für Schrift und Hintergrund zu verwenden. | |||||||
Hintergrundfarbwert #ff69b4 | Schriftfarbe hotpink | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 |
| #ff7ebe | #ff7ebe | #da5a9a | #da5a9a | #ff7ebe | #ff7ebe | #da5a9a | #da5a9a |
| #ff93c9 | #ff93c9 | #b64b80 | #b64b80 | #ff93c9 | #ff93c9 | #b64b80 | #b64b80 |
| #ffa9d4 | #ffa9d4 | #913c66 | #913c66 | #ffa9d4 | #ffa9d4 | #913c66 | #913c66 |
| #ffbede | #ffbede | #6d2d4d | #6d2d4d | #ffbede | #ffbede | #6d2d4d | #6d2d4d |
| #ffd4e9 | #ffd4e9 | #481e33 | #481e33 | #ffd4e9 | #ffd4e9 | #481e33 | #481e33 |
| #ffe9f4 | #ffe9f4 | #240f19 | #240f19 | #ffe9f4 | #ffe9f4 | #240f19 | #240f19 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |