Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkorchid und Farbe slateblue

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 darkorchid			Schriftfarbe slateblue
Detail	:	Hintergrund darkorchid	Detail	:	Schrift slateblue
Farbe	:	darkorchid	Farbe	:	slateblue
Farbwert	:	#9932cc	Farbwert	:	#6a5acd
HTML	:	darkorchid	HTML	:	slateblue
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#6a5acd
CSS	:	darkorchid	CSS	:	slateblue
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe darkorchid nach Schriftfarbe slateblue
#9932cc	#9237cc	#8b3dcc	#8443cc	#7e48cc	#774ecc	#7054cc	#6a5acd
#9932cc	#9237cc	#8b3dcc	#8443cc	#7e48cc	#774ecc	#7054cc	#6a5acd

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

Hintergrundfarbe darkorchid				Schriftfarbe slateblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#a74fd3	#a74fd3	#832aae	#832aae	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#b66cda	#b66cda	#6d2391	#6d2391	#9489db	#9489db	#4b4092	#4b4092
#c489e1	#c489e1	#571c74	#571c74	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#d3a7e9	#d3a7e9	#411557	#411557	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#d4cff0	#d4cff0	#1e193a	#1e193a
#f0e1f7	#f0e1f7	#15071d	#15071d	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkorchid und Farbe slateblue

Wechsel der Textfarbe bei Hover bei HTML-Tag abbr

Die Textfarbe soll sich von Farbe darkorchid auf Farbe slateblue ändern, wenn man mit der Maus auf <abbr> zeigt. Bereiten wir zunächst eine Darstellung von <abbr> in Farbe darkorchid vor.

Wir legen hier Farbe darkorchid als Textfarbe von <abbr> fest und verkleinern die Schriftgröße auf 84%:

<style type="text/css"><!--
  abbr { 
    color:darkorchid; 
    font-size:84%;
  }
//-->
</style>

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

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

Mehr zum hier verwendeten HTML-Befehl abbr ist in der HTML Referenz unter <abbr> ausführlich beschrieben.