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

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 navy
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift navy
Farbwert	:	#ee82ee	Farbe	:	navy
Farbe	:	violet	Farbwert	:	#000080
HTML	:	#ee82ee	HTML	:	navy
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#000080
CSS	:	#ee82ee	CSS	:	navy
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#000080
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe navy
#ee82ee	#cc6fde	#aa5cce	#884abe	#6637af	#44259f	#22128f	#000080
#ee82ee	#cc6fde	#aa5cce	#884abe	#6637af	#44259f	#22128f	#000080

Kombination von #ee82ee und navy
Cras id velit ante. 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.				Auf Hintergrund #ee82ee ist navy ungeeignet, weil der Farbunterschied zu gering ist Die Ähnlichkeit der Farben navy und #ee82ee beträgt 67.10%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 32.90%.

Hintergrundfarbwert #ee82ee				Schriftfarbe navy
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#000080	#000080	#000080	#000080
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#242492	#242492	#00006d	#00006d
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#4848a4	#4848a4	#00005b	#00005b
#f5b7f5	#f5b7f5	#884a88	#884a88	#6d6db6	#6d6db6	#000049	#000049
#f7c9f7	#f7c9f7	#663766	#663766	#9191c8	#9191c8	#000036	#000036
#fadbfa	#fadbfa	#442544	#442544	#b6b6da	#b6b6da	#000024	#000024
#fcedfc	#fcedfc	#221222	#221222	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ee82ee und Farbe navy

Wechsel der Textfarbe bei Hover von HTML-Tag select

Die Textfarbe soll sich von Farbwert #ee82ee auf Farbe navy ändern, wenn man mit der Maus auf <select> zeigt. Wir bereiten zunächst eine Formatierung von <select> in Farbwert #ee82ee vor.

Wir legen zum Beispiel Farbwert #ee82ee als Textfarbe von <select> fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  select { 
    font-size:13px; 
    font-family:sans-serif; 
    color:#ee82ee;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf navy gesetzt wird.

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

Weiteres zum Thema können Sie in Formulare in HTML finden. Die Beschreibung vom hier gezeigten HTML-Tag select lesen Sie in der HTML Referenz unter <select>.