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 darkturquoise | Schriftfarbe deeppink | |||||
Detail | : | Hintergrund darkturquoise | Detail | : | Schrift deeppink | |
Farbe | : | darkturquoise | Farbe | : | deeppink | |
Farbwert | : | #00ced1 | Farbwert | : | #ff1493 | |
HTML | : | darkturquoise | HTML | : | deeppink | |
HTML (Wert) | : | #00ced1 | HTML (Wert) | : | #ff1493 | |
CSS | : | darkturquoise | CSS | : | deeppink | |
CSS (Wert) | : | #00ced1 | CSS (Wert) | : | #ff1493 | |
CSS (kürzest) | : | #00ced1 | CSS (kürzest) | : | #ff1493 | |
CSS (RGB) | : | rgb(0,206,209) | CSS (RGB) | : | rgb(255,20,147) | |
CSS (%RGB) | : | rgb(0%,80%,81%) | CSS (%RGB) | : | rgb(100%,7%,57%) |
Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbe deeppink | |||||||
#00ced1 | #24b3c8 | #4898bf | #6d7eb6 | #9163ad | #b649a4 | #da2e9b | #ff1493 |
#00ced1 | #24b3c8 | #4898bf | #6d7eb6 | #9163ad | #b649a4 | #da2e9b | #ff1493 |
Kombination von darkturquoise und deeppink | |||||||
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | deeppink ist nicht als Schriftfarbe auf Hintergrund darkturquoise geeignet, da die Helligkeiten zu ähnlich sind. Die Ähnlichkeit von deeppink und darkturquoise beträgt 91.13%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.87%. |
Hintergrundfarbe darkturquoise | Schriftfarbe deeppink | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#00ced1 | #00ced1 | #00ced1 | #00ced1 | #ff1493 | #ff1493 | #ff1493 | #ff1493 |
#24d5d7 | #24d5d7 | #00b0b3 | #00b0b3 | #ff35a2 | #ff35a2 | #da117e | #da117e |
#48dcde | #48dcde | #009395 | #009395 | #ff57b1 | #ff57b1 | #b60e69 | #b60e69 |
#6de3e4 | #6de3e4 | #007577 | #007577 | #ff78c1 | #ff78c1 | #910b54 | #910b54 |
#91eaeb | #91eaeb | #005859 | #005859 | #ff9ad0 | #ff9ad0 | #6d083f | #6d083f |
#b6f1f1 | #b6f1f1 | #003a3b | #003a3b | #ffbbe0 | #ffbbe0 | #48052a | #48052a |
#daf8f8 | #daf8f8 | #001d1d | #001d1d | #ffddef | #ffddef | #240215 | #240215 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Rahmenfarbe soll sich von Farbe darkturquoise auf Farbe deeppink ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <th> in Farbe darkturquoise vor.
In diesem Beispiel umranden wir <th> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe darkturquoise.
<style type="text/css"><!-- th { border-color: darkturquoise; border-width: 3px; border-style: groove; } //--> </style>Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu deeppink ändert.
<style type="text/css"><!-- th:hover { border-color:deeppink; } //--> </style>
Mehr zum Thema th erfahren Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl th lesen Sie in der HTML Referenz unter <th>.
Die Textfarbe soll sich von Farbe darkturquoise auf Farbe deeppink ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <dfn> in Farbe darkturquoise vor.
Wir legen z.B. Farbe darkturquoise als Textfarbe von <dfn> fest.
<style type="text/css"><!-- dfn { color:darkturquoise; } //--> </style>Jetzt fordern wir, dass bei Hover die Textfarbe auf deeppink geändert wird.
<style type="text/css"><!-- dfn: hover { color: deeppink; } //--> </style>
Weiteres zum Thema dfn können Sie in Text in HTML finden. Die Beschreibung vom hier verwendeten HTML-Tag dfn lesen Sie in der HTML Referenz unter <dfn>.