Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #6a5acd

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 lightyellow			Schriftfarbwert #6a5acd
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #6a5acd
Farbe	:	lightyellow	Farbwert	:	#6a5acd
Farbwert	:	#ffffe0	Farbe	:	slateblue
HTML	:	lightyellow	HTML	:	#6a5acd
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#6a5acd
CSS	:	lightyellow	CSS	:	#6a5acd
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #6a5acd
#ffffe0	#e9e7dd	#d4cfda	#bfb8d7	#a9a0d5	#9489d2	#7f71cf	#6a5acd
#ffffe0	#e9e7dd	#d4cfda	#bfb8d7	#a9a0d5	#9489d2	#7f71cf	#6a5acd

Kombination von lightyellow und #6a5acd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#6a5acd ist nicht als Schriftfarbe auf Hintergrund lightyellow geeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #6a5acd und lightyellow ergibt sich zu 75.17%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 24.83%.

Hintergrundfarbe lightyellow				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#ffffe4	#ffffe4	#dadac0	#dadac0	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#9489db	#9489db	#4b4092	#4b4092
#ffffed	#ffffed	#919180	#919180	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#fffff1	#fffff1	#6d6d60	#6d6d60	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#fffff6	#fffff6	#484840	#484840	#d4cff0	#d4cff0	#1e193a	#1e193a
#fffffa	#fffffa	#242420	#242420	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightyellow und Farbwert #6a5acd

Wechsel der Textfarbe bei Hover von Befehl label

Die Textfarbe soll sich von Farbe lightyellow auf Farbwert #6a5acd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <label> in Farbe lightyellow vor.

Wir legen für dieses Beispiel Farbe lightyellow als Textfarbe von <label> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße setzen wir auf 117%:

<style type="text/css"><!--
  label { 
    font-size: 117%; 
    color: lightyellow; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #6a5acd ändert.

<style type="text/css"><!--
  label:hover { 
    color:#6a5acd;
  }
//-->
</style>

Mehr zum Thema label können Sie in Formulare in HTML nachlesen. Einzelheiten des HTML-Tag label erfahren Sie in der HTML Referenz unter <label>.