Ressourcen: 137 HTML Farbnamen - Kombination von Farbe purple und Farbwert #1e90ff

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.

Hintergrundfarbe purple			Schriftfarbwert #1e90ff
Detail	:	Hintergrund purple	Detail	:	Schrift #1e90ff
Farbe	:	purple	Farbwert	:	#1e90ff
Farbwert	:	#800080	Farbe	:	dodgerblue
HTML	:	purple	HTML	:	#1e90ff
HTML (Wert)	:	#800080	HTML (Wert)	:	#1e90ff
CSS	:	purple	CSS	:	#1e90ff
CSS (Wert)	:	#800080	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#800080	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(128,0,128)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(50%,0%,50%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe purple nach Schriftfarbwert #1e90ff
#800080	#721492	#6429a4	#563db6	#4852c8	#3a66da	#2c7bec	#1e90ff
#800080	#721492	#6429a4	#563db6	#4852c8	#3a66da	#2c7bec	#1e90ff

Kombination von purple und #1e90ff
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund purple ist #1e90ff ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #1e90ff und purple ergibt sich zu 86.14%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.86%.

Hintergrundfarbe purple				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#922492	#922492	#6d006d	#6d006d	#3e9fff	#3e9fff	#197bda	#197bda
#a448a4	#a448a4	#5b005b	#5b005b	#5eafff	#5eafff	#1566b6	#1566b6
#b66db6	#b66db6	#490049	#490049	#7ebfff	#7ebfff	#115291	#115291
#c891c8	#c891c8	#360036	#360036	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#dab6da	#dab6da	#240024	#240024	#bedfff	#bedfff	#082948	#082948
#ecdaec	#ecdaec	#120012	#120012	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe purple und Farbwert #1e90ff

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl ins

Die Hintergrundfarbe soll sich von Farbe purple auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <ins> in Farbe purple vor.

Wir legen hier bei <ins> die Hintergrundfarbe auf Farbe purple fest:

<style type="text/css"><!--
  ins { 
    background-color:purple;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #1e90ff gesetzt wird.

<style type="text/css"><!--
  ins: hover { 
    background-color: #1e90ff;
  }
//-->
</style>

Die Beschreibung des Tag ins finden Sie in der HTML Referenz unter <ins>.