Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbe darkslategray

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 lavenderblush			Schriftfarbe darkslategray
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift darkslategray
Farbe	:	lavenderblush	Farbe	:	darkslategray
Farbwert	:	#fff0f5	Farbwert	:	#2f4f4f
HTML	:	lavenderblush	HTML	:	darkslategray
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#2f4f4f
CSS	:	lavenderblush	CSS	:	darkslategray
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbe darkslategray
#fff0f5	#e1d9dd	#c3c2c5	#a5abad	#889496	#6a7d7e	#4c6666	#2f4f4f
#fff0f5	#e1d9dd	#c3c2c5	#a5abad	#889496	#6a7d7e	#4c6666	#2f4f4f

Kombination von lavenderblush und darkslategray
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				darkslategray eignet sich als Schriftfarbe auf Hintergrund lavenderblush, weil Unterschied in den Helligkeiten und Farbenunterschied in Ordnung sind. Die Ähnlichkeit von darkslategray und lavenderblush ergibt sich zu 61.46%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 38.54%.

Hintergrundfarbe lavenderblush				Schriftfarbe darkslategray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#4c6868	#4c6868	#284343	#284343
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#6a8181	#6a8181	#213838	#213838
#fff6f9	#fff6f9	#91898c	#91898c	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#fff8fa	#fff8fa	#6d6669	#6d6669	#a5b3b3	#a5b3b3	#142121	#142121
#fffafc	#fffafc	#484446	#484446	#c3cccc	#c3cccc	#0d1616	#0d1616
#fffcfd	#fffcfd	#242223	#242223	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lavenderblush und Farbe darkslategray

Wechsel der Textfarbe bei Hover mit Befehl dd

Die Textfarbe soll sich von Farbe lavenderblush auf Farbe darkslategray ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbe lavenderblush vor.

Wir setzen in diesem Beispiel bei <dd> die Textfarbe auf Farbe lavenderblush. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  dd { 
    font-family:sans-serif; 
    color:lavenderblush;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf darkslategray ändert.

<style type="text/css"><!--
  dd:hover { 
    color:darkslategray;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten des hier verwendeten Tag <dd>.