Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #afeeee

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			Schriftfarbwert #afeeee
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #afeeee
Farbe	:	blueviolet	Farbwert	:	#afeeee
Farbwert	:	#8a2be2	Farbe	:	paleturquoise
HTML	:	blueviolet	HTML	:	#afeeee
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#afeeee
CSS	:	blueviolet	CSS	:	#afeeee
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #afeeee
#8a2be2	#8f46e3	#9462e5	#997ee7	#9f9ae8	#a4b6ea	#a9d2ec	#afeeee
#8a2be2	#8f46e3	#9462e5	#997ee7	#9f9ae8	#a4b6ea	#a9d2ec	#afeeee

Kombination von blueviolet und #afeeee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund blueviolet ist #afeeee ungeeignet, weil der Unterschied in den Farben zu gering ist Die Ähnlichkeit von #afeeee und blueviolet ergibt sich zu 77.99%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 22.01%.

Hintergrundfarbe blueviolet				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#afeeee	#afeeee	#afeeee	#afeeee
#9a49e6	#9a49e6	#7624c1	#7624c1	#baf0f0	#baf0f0	#96cccc	#96cccc
#ab67ea	#ab67ea	#621ea1	#621ea1	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#bc85ee	#bc85ee	#4e1881	#4e1881	#d1f5f5	#d1f5f5	#648888	#648888
#cca4f2	#cca4f2	#3b1260	#3b1260	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#ddc2f6	#ddc2f6	#270c40	#270c40	#e8fafa	#e8fafa	#324444	#324444
#eee0fa	#eee0fa	#130620	#130620	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe blueviolet und Farbwert #afeeee

Wechsel der Hintergrundfarbe bei Hover von Tag select

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #afeeee ändern, wenn man mit der Maus auf <select> zeigt. Bereiten wir zunächst eine Formatierung von <select> in Farbe blueviolet vor.

Z.B. setzen wir die Hintergrundfarbe von <select> auf Farbe blueviolet.

<style type="text/css"><!--
  select { 
    background-color: blueviolet;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #afeeee geändert wird.

<style type="text/css"><!--
  select: hover { 
    background-color: #afeeee;
  }
//-->
</style>

Mehr zu select erfahren Sie in Formulare in HTML. Weiteres zum HTML-Befehl select erfahren Sie in der HTML Referenz unter <select>.