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 #fffff0 | Schriftfarbe indigo | |||||
| Detail | : | Hintergrund #fffff0 | Detail | : | Schrift indigo | |
| Farbwert | : | #fffff0 | Farbe | : | indigo | |
| Farbe | : | ivory | Farbwert | : | #4b0082 | |
| HTML | : | #fffff0 | HTML | : | indigo | |
| HTML (Wert) | : | #fffff0 | HTML (Wert) | : | #4b0082 | |
| CSS | : | #fffff0 | CSS | : | indigo | |
| CSS (Wert) | : | #fffff0 | CSS (Wert) | : | #4b0082 | |
| CSS (kürzest) | : | #fffff0 | CSS (kürzest) | : | #4b0082 | |
| CSS (RGB) | : | rgb(255,255,240) | CSS (RGB) | : | rgb(75,0,130) | |
| CSS (%RGB) | : | rgb(100%,100%,94%) | CSS (%RGB) | : | rgb(29%,0%,50%) | |
Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbe indigo | |||||||
| #fffff0 | #e5dae0 | #cbb6d0 | #b191c0 | #986db1 | #7e48a1 | #642491 | #4b0082 |
| #fffff0 | #e5dae0 | #cbb6d0 | #b191c0 | #986db1 | #7e48a1 | #642491 | #4b0082 |
Kombination von #fffff0 und indigo | |||||||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | Die Ähnlichkeit von indigo und #fffff0 ergibt sich zu 38.87%. Die Lesbarkeit dieser Kombination bewerte ich mit 61.13%. indigo eignet sich als Schriftfarbe auf Hintergrund #fffff0. Der Helligkeitsunterschied ist gut, der Farbenunterschied ebenso. | ||||||
Hintergrundfarbwert #fffff0 | Schriftfarbe indigo | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #fffff0 | #fffff0 | #fffff0 | #fffff0 | #4b0082 | #4b0082 | #4b0082 | #4b0082 |
| #fffff2 | #fffff2 | #dadacd | #dadacd | #642493 | #642493 | #40006f | #40006f |
| #fffff4 | #fffff4 | #b6b6ab | #b6b6ab | #7e48a5 | #7e48a5 | #35005c | #35005c |
| #fffff6 | #fffff6 | #919189 | #919189 | #986db7 | #986db7 | #2a004a | #2a004a |
| #fffff8 | #fffff8 | #6d6d66 | #6d6d66 | #b191c9 | #b191c9 | #200037 | #200037 |
| #fffffa | #fffffa | #484844 | #484844 | #cbb6db | #cbb6db | #150025 | #150025 |
| #fffffc | #fffffc | #242422 | #242422 | #e5daed | #e5daed | #0a0012 | #0a0012 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich von Farbwert #fffff0 auf Farbe indigo ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbwert #fffff0 vor.
Wir legen als Beispiel Farbwert #fffff0 als Textfarbe von <center> fest.
<style type="text/css"><!-- center { color:#fffff0; } //--> </style>Jetzt stellen wir ein, dass bei Hover die Textfarbe auf indigo geändert wird.
<style type="text/css"><!-- center:hover { color:indigo; } //--> </style>
Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum Befehl center erfahren Sie in der HTML Referenz unter <center>.