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 #eee8aa | Schriftfarbe wheat | |||||
| Detail | : | Hintergrund #eee8aa | Detail | : | Schrift wheat | |
| Farbwert | : | #eee8aa | Farbe | : | wheat | |
| Farbe | : | palegoldenrod | Farbwert | : | #f5deb3 | |
| HTML | : | #eee8aa | HTML | : | wheat | |
| HTML (Wert) | : | #eee8aa | HTML (Wert) | : | #f5deb3 | |
| CSS | : | #eee8aa | CSS | : | wheat | |
| CSS (Wert) | : | #eee8aa | CSS (Wert) | : | #f5deb3 | |
| CSS (kürzest) | : | #eee8aa | CSS (kürzest) | : | #f5deb3 | |
| CSS (RGB) | : | rgb(238,232,170) | CSS (RGB) | : | rgb(245,222,179) | |
| CSS (%RGB) | : | rgb(93%,90%,66%) | CSS (%RGB) | : | rgb(96%,87%,70%) | |
Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe wheat | |||||||
| #eee8aa | #efe6ab | #f0e5ac | #f1e3ad | #f2e2af | #f3e0b0 | #f4dfb1 | #f5deb3 |
| #eee8aa | #efe6ab | #f0e5ac | #f1e3ad | #f2e2af | #f3e0b0 | #f4dfb1 | #f5deb3 |
Kombination von #eee8aa und wheat | |||||||
| Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. | Die Ähnlichkeit von wheat und #eee8aa beträgt 95.01%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.99%. wheat eignet sich nicht als Schriftfarbe auf Hintergrund #eee8aa. Sowohl Helligkeit als auch die Farben sind zu ähnlich. | ||||||
Hintergrundfarbwert #eee8aa | Schriftfarbe wheat | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #eee8aa | #eee8aa | #eee8aa | #eee8aa | #f5deb3 | #f5deb3 | #f5deb3 | #f5deb3 |
| #f0ebb6 | #f0ebb6 | #ccc691 | #ccc691 | #f6e2bd | #f6e2bd | #d2be99 | #d2be99 |
| #f2eec2 | #f2eec2 | #aaa579 | #aaa579 | #f7e7c8 | #f7e7c8 | #af9e7f | #af9e7f |
| #f5f1ce | #f5f1ce | #888461 | #888461 | #f9ecd3 | #f9ecd3 | #8c7e66 | #8c7e66 |
| #f7f5da | #f7f5da | #666348 | #666348 | #faf0de | #faf0de | #695f4c | #695f4c |
| #faf8e6 | #faf8e6 | #444230 | #444230 | #fcf5e9 | #fcf5e9 | #463f33 | #463f33 |
| #fcfbf2 | #fcfbf2 | #222118 | #222118 | #fdfaf4 | #fdfaf4 | #231f19 | #231f19 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich von Farbwert #eee8aa auf Farbe wheat ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <samp> in Farbwert #eee8aa vor.
Zum Beispiel legen wir bei <samp> die Textfarbe auf Farbwert #eee8aa fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new:
<style type="text/css"><!-- samp { font-family: courier new; color: #eee8aa; } //--> </style>Jetzt fordern wir, dass sich bei Hover die Textfarbe auf wheat ändert.
<style type="text/css"><!-- samp:hover { color:wheat; } //--> </style>
Weiteres zum Thema samp können Sie in Text in HTML lesen. Die Beschreibung des hier verwendeten HTML-Befehl samp erfahren Sie in der HTML Referenz unter <samp>.