Ressourcen: 120 HTML Farbnamen - Kombination von Farbe springgreen und Farbwert #8a2be2

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 #8a2be2
Detail	:	Hintergrund springgreen	Detail	:	Schrift #8a2be2
Farbe	:	springgreen	Farbwert	:	#8a2be2
Farbwert	:	#00ff7f	Farbe	:	blueviolet
HTML	:	springgreen	HTML	:	#8a2be2
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#8a2be2
CSS	:	springgreen	CSS	:	#8a2be2
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbe springgreen nach Schriftfarbwert #8a2be2
#00ff7f	#13e08d	#27c29b	#3ba4a9	#4e85b7	#6267c5	#7649d3	#8a2be2
#00ff7f	#13e08d	#27c29b	#3ba4a9	#4e85b7	#6267c5	#7649d3	#8a2be2

Kombination von springgreen und #8a2be2
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #8a2be2 und springgreen beträgt 78.91%. Die Lesbarkeit dieser Kombination ergibt sich zu 21.09%. Auf Hintergrund springgreen ist #8a2be2 ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe springgreen				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#24ff91	#24ff91	#00da6c	#00da6c	#9a49e6	#9a49e6	#7624c1	#7624c1
#48ffa3	#48ffa3	#00b65a	#00b65a	#ab67ea	#ab67ea	#621ea1	#621ea1
#6dffb5	#6dffb5	#009148	#009148	#bc85ee	#bc85ee	#4e1881	#4e1881
#91ffc8	#91ffc8	#006d36	#006d36	#cca4f2	#cca4f2	#3b1260	#3b1260
#b6ffda	#b6ffda	#004824	#004824	#ddc2f6	#ddc2f6	#270c40	#270c40
#daffec	#daffec	#002412	#002412	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe springgreen und Farbwert #8a2be2

Wechsel der Textfarbe bei Hover von HTML-Befehl s

Die Textfarbe soll sich von Farbe springgreen auf Farbwert #8a2be2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <s> in Farbe springgreen vor.

Z.B. legen wir Farbe springgreen als Textfarbe von <s> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  s { 
    color:springgreen; 
    font-family:arial;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #8a2be2 gesetzt wird.

<style type="text/css"><!--
  s: hover { 
    color: #8a2be2;
  }
//-->
</style>

Weiteres zum Thema s erfahren Sie in Text in HTML. Möglichkeiten des hier verwendeten HTML-Tag s sind in der HTML Referenz unter <s> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover von HTML-Befehl img

Die Rahmenfarbe soll sich von Farbe springgreen auf Farbwert #8a2be2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <img> in Farbe springgreen vor.

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

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

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #8a2be2 ändert.

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

Mehr zum Thema img erfahren Sie in Grafik in HTML. Der hier genutzte HTML-Tag img ist in der HTML Referenz bei <img> ausführlich gezeigt.