Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbe mintcream

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 blueviolet			Schriftfarbe mintcream
Detail	:	Hintergrund blueviolet	Detail	:	Schrift mintcream
Farbe	:	blueviolet	Farbe	:	mintcream
Farbwert	:	#8a2be2	Farbwert	:	#f5fffa
HTML	:	blueviolet	HTML	:	mintcream
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#f5fffa
CSS	:	blueviolet	CSS	:	mintcream
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbe mintcream
#8a2be2	#9949e5	#a867e8	#b785ec	#c7a4ef	#d6c2f3	#e5e0f6	#f5fffa
#8a2be2	#9949e5	#a867e8	#b785ec	#c7a4ef	#d6c2f3	#e5e0f6	#f5fffa

Kombination von blueviolet und mintcream
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von mintcream und blueviolet beträgt 72.21%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 27.79%. mintcream eignet sich nicht als Schriftfarbe auf Hintergrund blueviolet, weil der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbe blueviolet				Schriftfarbe mintcream
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#9a49e6	#9a49e6	#7624c1	#7624c1	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#ab67ea	#ab67ea	#621ea1	#621ea1	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#bc85ee	#bc85ee	#4e1881	#4e1881	#f9fffc	#f9fffc	#8c918e	#8c918e
#cca4f2	#cca4f2	#3b1260	#3b1260	#fafffc	#fafffc	#696d6b	#696d6b
#ddc2f6	#ddc2f6	#270c40	#270c40	#fcfffd	#fcfffd	#464847	#464847
#eee0fa	#eee0fa	#130620	#130620	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe blueviolet und Farbe mintcream

Wechsel der Textfarbe bei Hover von HTML-Tag li

Die Textfarbe soll sich von Farbe blueviolet auf Farbe mintcream ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <li> in Farbe blueviolet vor.

Zum Beispiel setzen wir die Textfarbe von <li> auf Farbe blueviolet. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 84%.

<style type="text/css"><!--
  li { 
    color:blueviolet; 
    font-size:84%; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf mintcream ändert.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML finden. Beschreibung des HTML-Befehl <li>.