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 #8a2be2 | Schriftfarbe darkviolet | |||||
Detail | : | Hintergrund #8a2be2 | Detail | : | Schrift darkviolet | |
Farbwert | : | #8a2be2 | Farbe | : | darkviolet | |
Farbe | : | blueviolet | Farbwert | : | #9400d3 | |
HTML | : | #8a2be2 | HTML | : | darkviolet | |
HTML (Wert) | : | #8a2be2 | HTML (Wert) | : | #9400d3 | |
CSS | : | #8a2be2 | CSS | : | darkviolet | |
CSS (Wert) | : | #8a2be2 | CSS (Wert) | : | #9400d3 | |
CSS (kürzest) | : | #8a2be2 | CSS (kürzest) | : | #9400d3 | |
CSS (RGB) | : | rgb(138,43,226) | CSS (RGB) | : | rgb(148,0,211) | |
CSS (%RGB) | : | rgb(54%,16%,88%) | CSS (%RGB) | : | rgb(58%,0%,82%) |
Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbe darkviolet | |||||||
#8a2be2 | #8b24df | #8c1edd | #8e18db | #8f12d9 | #910cd7 | #9206d5 | #9400d3 |
#8a2be2 | #8b24df | #8c1edd | #8e18db | #8f12d9 | #910cd7 | #9206d5 | #9400d3 |
Kombination von #8a2be2 und darkviolet | |||||||
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. | Die Ähnlichkeit der Farben darkviolet und #8a2be2 ergibt sich zu 94.76%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.24%. darkviolet eignet sich nicht als Schriftfarbe auf Hintergrund #8a2be2. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. |
Hintergrundfarbwert #8a2be2 | Schriftfarbe darkviolet | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#8a2be2 | #8a2be2 | #8a2be2 | #8a2be2 | #9400d3 | #9400d3 | #9400d3 | #9400d3 |
#9a49e6 | #9a49e6 | #7624c1 | #7624c1 | #a324d9 | #a324d9 | #7e00b4 | #7e00b4 |
#ab67ea | #ab67ea | #621ea1 | #621ea1 | #b248df | #b248df | #690096 | #690096 |
#bc85ee | #bc85ee | #4e1881 | #4e1881 | #c16de5 | #c16de5 | #540078 | #540078 |
#cca4f2 | #cca4f2 | #3b1260 | #3b1260 | #d191ec | #d191ec | #3f005a | #3f005a |
#ddc2f6 | #ddc2f6 | #270c40 | #270c40 | #e0b6f2 | #e0b6f2 | #2a003c | #2a003c |
#eee0fa | #eee0fa | #130620 | #130620 | #efdaf8 | #efdaf8 | #15001e | #15001e |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Einen Link erzeugt man mit Tag <a>. Er kann farblich gestaltet und hervorgehoben werden.
Die Textfarbe soll sich von Farbwert #8a2be2 auf Farbe darkviolet ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #8a2be2 vor.
Wir setzen hier die Textfarbe von <a> auf Farbwert #8a2be2:
<style type="text/css"><!-- a { color: #8a2be2; } //--> </style>Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu darkviolet ändert.
<style type="text/css"><!-- a:hover { color:darkviolet; } //--> </style>
Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML finden. Der Tag a ist in der HTML Referenz unter <a> genau beschrieben.