Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #7b68ee

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 #dcdcdc			Schriftfarbwert #7b68ee
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #7b68ee
Farbwert	:	#dcdcdc	Farbwert	:	#7b68ee
Farbe	:	gainsboro	Farbe	:	mediumslateblue
HTML	:	#dcdcdc	HTML	:	#7b68ee
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#7b68ee
CSS	:	#dcdcdc	CSS	:	#7b68ee
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbwert #7b68ee
#dcdcdc	#cecbde	#c0bae1	#b2aae3	#a499e6	#9689e8	#8878eb	#7b68ee
#dcdcdc	#cecbde	#c0bae1	#b2aae3	#a499e6	#9689e8	#8878eb	#7b68ee

Kombination von #dcdcdc und #7b68ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				#7b68ee ist nicht als Schriftfarbe auf Hintergrund #dcdcdc geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #7b68ee und #dcdcdc ergibt sich zu 85.58%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.42%.

Hintergrundfarbwert #dcdcdc				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#8d7df0	#8d7df0	#6959cc	#6959cc
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#a093f2	#a093f2	#574aaa	#574aaa
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#b3a8f5	#b3a8f5	#463b88	#463b88
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#c6bef7	#c6bef7	#342c66	#342c66
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#d9d3fa	#d9d3fa	#231d44	#231d44
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #dcdcdc und Farbwert #7b68ee

Wechsel der Umrandung bei Hover bei HTML-Befehl li

Die Rahmenfarbe soll sich von Farbwert #dcdcdc auf Farbwert #7b68ee ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbwert #dcdcdc vor.

In diesem Beispiel umranden wir <li> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #dcdcdc.

<style type="text/css"><!--
  li { 
    border-width: 2px; 
    border-color: #dcdcdc; 
    border-style: inset;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #7b68ee geändert wird.

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

Weiteres zu li können Sie in Listen und Glossare in HTML lesen. Mehr zum HTML-Tag li erfahren Sie in der HTML Referenz unter <li>.