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

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.

Hintergrundfarbwert #9370db			Schriftfarbe blueviolet
Detail	:	Hintergrund #9370db	Detail	:	Schrift blueviolet
Farbwert	:	#9370db	Farbe	:	blueviolet
Farbe	:	mediumpurple	Farbwert	:	#8a2be2
HTML	:	#9370db	HTML	:	blueviolet
HTML (Wert)	:	#9370db	HTML (Wert)	:	#8a2be2
CSS	:	#9370db	CSS	:	blueviolet
CSS (Wert)	:	#9370db	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #9370db nach Schriftfarbe blueviolet
#9370db	#9166dc	#905cdd	#8f52de	#8d48df	#8c3ee0	#8b34e1	#8a2be2
#9370db	#9166dc	#905cdd	#8f52de	#8d48df	#8c3ee0	#8b34e1	#8a2be2

Kombination von #9370db und blueviolet
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #9370db ist blueviolet ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von blueviolet und #9370db beträgt 92.46%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.54%.

Hintergrundfarbwert #9370db				Schriftfarbe blueviolet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#a284e0	#a284e0	#7e60bb	#7e60bb	#9a49e6	#9a49e6	#7624c1	#7624c1
#b198e5	#b198e5	#69509c	#69509c	#ab67ea	#ab67ea	#621ea1	#621ea1
#c1adea	#c1adea	#54407d	#54407d	#bc85ee	#bc85ee	#4e1881	#4e1881
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#cca4f2	#cca4f2	#3b1260	#3b1260
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#ddc2f6	#ddc2f6	#270c40	#270c40
#efeaf9	#efeaf9	#15101f	#15101f	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #9370db und Farbe blueviolet

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag address

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

Zum Beispiel legen wir bei <address> die Hintergrundfarbe auf Farbwert #9370db fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf courier new und ändern die Größe der Schrift auf 13pt:

<style type="text/css"><!--
  address { 
    background-color: #9370db; 
    font-size: 13pt; 
    font-family: courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu blueviolet ändert.

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum HTML-Befehl address finden Sie in der HTML Referenz unter <address>.