Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ee82ee und Farbe indigo

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ee82ee			Schriftfarbe indigo
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift indigo
Farbwert	:	#ee82ee	Farbe	:	indigo
Farbe	:	violet	Farbwert	:	#4b0082
HTML	:	#ee82ee	HTML	:	indigo
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#4b0082
CSS	:	#ee82ee	CSS	:	indigo
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe indigo
#ee82ee	#d66fde	#bf5ccf	#a84abf	#9037b0	#7925a0	#621291	#4b0082
#ee82ee	#d66fde	#bf5ccf	#a84abf	#9037b0	#7925a0	#621291	#4b0082

Kombination von #ee82ee und indigo
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				indigo eignet sich nicht als Schriftfarbe auf Hintergrund #ee82ee. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben indigo und #ee82ee ergibt sich zu 73.38%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 26.62%.

Hintergrundfarbwert #ee82ee				Schriftfarbe indigo
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#4b0082	#4b0082	#4b0082	#4b0082
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#642493	#642493	#40006f	#40006f
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#7e48a5	#7e48a5	#35005c	#35005c
#f5b7f5	#f5b7f5	#884a88	#884a88	#986db7	#986db7	#2a004a	#2a004a
#f7c9f7	#f7c9f7	#663766	#663766	#b191c9	#b191c9	#200037	#200037
#fadbfa	#fadbfa	#442544	#442544	#cbb6db	#cbb6db	#150025	#150025
#fcedfc	#fcedfc	#221222	#221222	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ee82ee und Farbe indigo

Wechsel der Hintergrundfarbe bei Hover mit Tag li

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

Wir setzen hier die Hintergrundfarbe von <li> auf Farbwert #ee82ee.

<style type="text/css"><!--
  li { 
    background-color: #ee82ee;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf indigo gesetzt wird.

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

Mehr zu li erfahren Sie in Listen und Glossare in HTML. Einzelheiten des HTML-Befehl li finden Sie in der HTML Referenz unter <li>.