Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #8b008b

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			Schriftfarbwert #8b008b
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #8b008b
Farbe	:	lavenderblush	Farbwert	:	#8b008b
Farbwert	:	#fff0f5	Farbe	:	darkmagenta
HTML	:	lavenderblush	HTML	:	#8b008b
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#8b008b
CSS	:	lavenderblush	CSS	:	#8b008b
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #8b008b
#fff0f5	#eecde5	#ddabd6	#cd89c7	#bc66b8	#ac44a9	#9b229a	#8b008b
#fff0f5	#eecde5	#ddabd6	#cd89c7	#bc66b8	#ac44a9	#9b229a	#8b008b

Kombination von lavenderblush und #8b008b
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#8b008b eignet sich nicht als Schriftfarbe auf Hintergrund lavenderblush, da der Unterschied in den Farben nicht ausreichend ist Die Ähnlichkeit von #8b008b und lavenderblush ergibt sich zu 63.31%. Die Lesbarkeit dieser Kombination bewerte ich mit 36.69%.

Hintergrundfarbe lavenderblush				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#8b008b	#8b008b	#8b008b	#8b008b
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#9b249b	#9b249b	#770077	#770077
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#ac48ac	#ac48ac	#630063	#630063
#fff6f9	#fff6f9	#91898c	#91898c	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#fff8fa	#fff8fa	#6d6669	#6d6669	#cd91cd	#cd91cd	#3b003b	#3b003b
#fffafc	#fffafc	#484446	#484446	#ddb6dd	#ddb6dd	#270027	#270027
#fffcfd	#fffcfd	#242223	#242223	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lavenderblush und Farbwert #8b008b

Wechsel der Textfarbe bei Hover mit Tag kbd

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

Wir ändern für dieses Beispiel bei <kbd> die Textfarbe auf Farbe lavenderblush. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  kbd { 
    font-size: 13px; 
    color: lavenderblush;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #8b008b ändert.

<style type="text/css"><!--
  kbd: hover { 
    color: #8b008b;
  }
//-->
</style>

Mehr zu kbd erfahren Sie in Text in HTML. Mehr zum hier verwendeten HTML-Tag kbd ist in der HTML Referenz bei <kbd> ausführlich gezeigt.