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 tan | Schriftfarbwert #afeeee | |||||
Detail | : | Hintergrund tan | Detail | : | Schrift #afeeee | |
Farbe | : | tan | Farbwert | : | #afeeee | |
Farbwert | : | #d2b48c | Farbe | : | paleturquoise | |
HTML | : | tan | HTML | : | #afeeee | |
HTML (Wert) | : | #d2b48c | HTML (Wert) | : | #afeeee | |
CSS | : | tan | CSS | : | #afeeee | |
CSS (Wert) | : | #d2b48c | CSS (Wert) | : | #afeeee | |
CSS (kürzest) | : | #d2b48c | CSS (kürzest) | : | #afeeee | |
CSS (RGB) | : | rgb(210,180,140) | CSS (RGB) | : | rgb(175,238,238) | |
CSS (%RGB) | : | rgb(82%,70%,54%) | CSS (%RGB) | : | rgb(68%,93%,93%) |
Verlauf Hintergrundfarbe tan nach Schriftfarbwert #afeeee | |||||||
#d2b48c | #cdbc9a | #c8c4a8 | #c3ccb6 | #bed5c4 | #b9ddd2 | #b4e5e0 | #afeeee |
#d2b48c | #cdbc9a | #c8c4a8 | #c3ccb6 | #bed5c4 | #b9ddd2 | #b4e5e0 | #afeeee |
Kombination von tan und #afeeee | |||||||
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | #afeeee ist nicht als Schriftfarbe auf Hintergrund tan geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #afeeee und tan ergibt sich zu 92.72%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.28%. |
Hintergrundfarbe tan | Schriftfarbwert #afeeee | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#d2b48c | #d2b48c | #d2b48c | #d2b48c | #afeeee | #afeeee | #afeeee | #afeeee |
#d8be9c | #d8be9c | #b49a78 | #b49a78 | #baf0f0 | #baf0f0 | #96cccc | #96cccc |
#dec9ac | #dec9ac | #968064 | #968064 | #c5f2f2 | #c5f2f2 | #7daaaa | #7daaaa |
#e5d4bd | #e5d4bd | #786650 | #786650 | #d1f5f5 | #d1f5f5 | #648888 | #648888 |
#ebdecd | #ebdecd | #5a4d3c | #5a4d3c | #dcf7f7 | #dcf7f7 | #4b6666 | #4b6666 |
#f2e9de | #f2e9de | #3c3328 | #3c3328 | #e8fafa | #e8fafa | #324444 | #324444 |
#f8f4ee | #f8f4ee | #1e1914 | #1e1914 | #f3fcfc | #f3fcfc | #192222 | #192222 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Hier ändern wir die Textfarbe von <tr> auf Farbwert #afeeee und die Hintergrundfarbe von <tr> auf Farbe tan. Als Schriftart setzen wir courier new und als Schriftgröße wählen wir 128%.
<style type="text/css"><!-- tr { color:#afeeee; background-color:tan; font-family:courier new; font-size:128%; } //--> </style>
Mehr zu tr erfahren Sie in Tabellen in HTML. Möglichkeiten vom Befehl tr sind in der HTML Referenz bei <tr> genau zusammengestellt.
Die Textfarbe soll sich von Farbe tan auf Farbwert #afeeee ändern, wenn man mit der Maus auf <q> zeigt. Wir bereiten zunächst die Formatierung von <q> in Farbe tan vor.
Als Beispiel legen wir Farbe tan als Textfarbe von <q> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf verdana:
<style type="text/css"><!-- q { color: tan; font-family: verdana; } //--> </style>Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #afeeee geändert wird.
<style type="text/css"><!-- q:hover { color:#afeeee; } //--> </style>
Weiteres zum hier verwendeten HTML-Befehl q ist in der HTML Referenz bei <q> zusammengestellt.