Ressourcen: 120 HTML Farbnamen - Kombination von Farbe slateblue und Farbwert #fafad2

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 slateblue			Schriftfarbwert #fafad2
Detail	:	Hintergrund slateblue	Detail	:	Schrift #fafad2
Farbe	:	slateblue	Farbwert	:	#fafad2
Farbwert	:	#6a5acd	Farbe	:	lightgoldenrodyellow
HTML	:	slateblue	HTML	:	#fafad2
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#fafad2
CSS	:	slateblue	CSS	:	#fafad2
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbwert #fafad2
#6a5acd	#7e70cd	#9387ce	#a79ecf	#bcb5cf	#d0ccd0	#e5e3d1	#fafad2
#6a5acd	#7e70cd	#9387ce	#a79ecf	#bcb5cf	#d0ccd0	#e5e3d1	#fafad2

Kombination von slateblue und #fafad2
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #fafad2 und slateblue beträgt 76.33%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 23.67%. Auf Hintergrund slateblue ist #fafad2 ungeeignet, weil der Farbunterschied zu gering ist

Hintergrundfarbe slateblue				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#fafad2	#fafad2	#fafad2	#fafad2
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#9489db	#9489db	#4b4092	#4b4092	#fbfbde	#fbfbde	#b2b296	#b2b296
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#d4cff0	#d4cff0	#1e193a	#1e193a	#fdfdf2	#fdfdf2	#47473c	#47473c
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe slateblue und Farbwert #fafad2

Wechsel der Umrandung bei Hover von Tag li

Die Rahmenfarbe soll sich von Farbe slateblue auf Farbwert #fafad2 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <li> in Farbe slateblue vor.

In diesem Beispiel umranden wir <li> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe slateblue.

<style type="text/css"><!--
  li { border:3px inset slateblue; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #fafad2 gesetzt wird.

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

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Einzelheiten des HTML-Tag <li>.