Ressourcen: 120 HTML Farbnamen - Kombination von Farbe springgreen und Farbwert #1e90ff

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 springgreen			Schriftfarbwert #1e90ff
Detail	:	Hintergrund springgreen	Detail	:	Schrift #1e90ff
Farbe	:	springgreen	Farbwert	:	#1e90ff
Farbwert	:	#00ff7f	Farbe	:	dodgerblue
HTML	:	springgreen	HTML	:	#1e90ff
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#1e90ff
CSS	:	springgreen	CSS	:	#1e90ff
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe springgreen nach Schriftfarbwert #1e90ff
#00ff7f	#04ef91	#08dfa3	#0ccfb5	#11bfc8	#15afda	#199fec	#1e90ff
#00ff7f	#04ef91	#08dfa3	#0ccfb5	#11bfc8	#15afda	#199fec	#1e90ff

Kombination von springgreen und #1e90ff
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #1e90ff und springgreen ergibt sich zu 88.54%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.46%. #1e90ff eignet sich nicht als Schriftfarbe auf Hintergrund springgreen. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe springgreen				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#24ff91	#24ff91	#00da6c	#00da6c	#3e9fff	#3e9fff	#197bda	#197bda
#48ffa3	#48ffa3	#00b65a	#00b65a	#5eafff	#5eafff	#1566b6	#1566b6
#6dffb5	#6dffb5	#009148	#009148	#7ebfff	#7ebfff	#115291	#115291
#91ffc8	#91ffc8	#006d36	#006d36	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#b6ffda	#b6ffda	#004824	#004824	#bedfff	#bedfff	#082948	#082948
#daffec	#daffec	#002412	#002412	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe springgreen und Farbwert #1e90ff

Wechsel der Umrandung bei Hover mit Befehl img

Die Rahmenfarbe soll sich von Farbe springgreen auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <img> in Farbe springgreen vor.

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe springgreen.

<style type="text/css"><!--
  img { border:3px inset springgreen; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #1e90ff ändert.

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

Weiteres zu img finden Sie in Grafik in HTML. Weiteres zum Befehl img ist in der HTML Referenz unter <img> genau zusammengestellt.