Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslategray und Farbwert #faebd7

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 darkslategray			Schriftfarbwert #faebd7
Detail	:	Hintergrund darkslategray	Detail	:	Schrift #faebd7
Farbe	:	darkslategray	Farbwert	:	#faebd7
Farbwert	:	#2f4f4f	Farbe	:	antiquewhite
HTML	:	darkslategray	HTML	:	#faebd7
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#faebd7
CSS	:	darkslategray	CSS	:	#faebd7
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #faebd7
#2f4f4f	#4c6562	#697b75	#869189	#a3a89c	#c0beb0	#ddd4c3	#faebd7
#2f4f4f	#4c6562	#697b75	#869189	#a3a89c	#c0beb0	#ddd4c3	#faebd7

Kombination von darkslategray und #faebd7
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#faebd7 ist nicht als Schriftfarbe auf Hintergrund darkslategray geeignet, weil sich die Farben zu ähnlich sind. Die Ähnlichkeit von #faebd7 und darkslategray ergibt sich zu 63.70%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 36.30%.

Hintergrundfarbe darkslategray				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#faebd7	#faebd7	#faebd7	#faebd7
#4c6868	#4c6868	#284343	#284343	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#6a8181	#6a8181	#213838	#213838	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#a5b3b3	#a5b3b3	#142121	#142121	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#c3cccc	#c3cccc	#0d1616	#0d1616	#fdf9f3	#fdf9f3	#47433d	#47433d
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkslategray und Farbwert #faebd7

Wechsel der Textfarbe bei Hover mit HTML-Tag dt

Die Textfarbe soll sich von Farbe darkslategray auf Farbwert #faebd7 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe darkslategray vor.

Wir legen in diesem Beispiel die Textfarbe von <dt> auf Farbe darkslategray fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  dt { 
    font-family:arial; 
    color:darkslategray;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #faebd7 geändert wird.

<style type="text/css"><!--
  dt:hover { 
    color:#faebd7;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Einzelheiten des hier genutzten Tag dt erfahren Sie in der HTML Referenz unter <dt>.