Ressourcen: 137 HTML Farbnamen - Kombination von Farbe springgreen und Farbwert #191970

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 springgreen			Schriftfarbwert #191970
Detail	:	Hintergrund springgreen	Detail	:	Schrift #191970
Farbe	:	springgreen	Farbwert	:	#191970
Farbwert	:	#00ff7f	Farbe	:	midnightblue
HTML	:	springgreen	HTML	:	#191970
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#191970
CSS	:	springgreen	CSS	:	#191970
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#191970
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe springgreen nach Schriftfarbwert #191970
#00ff7f	#03de7c	#07bd7a	#0a9c78	#0e7b76	#115a74	#153972	#191970
#00ff7f	#03de7c	#07bd7a	#0a9c78	#0e7b76	#115a74	#153972	#191970

Kombination von springgreen und #191970
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund springgreen ist #191970 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #191970 und springgreen beträgt 47.44%. Die Lesbarkeit dieser Kombination liegt damit bei 52.56%.

Hintergrundfarbe springgreen				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#191970	#191970	#191970	#191970
#24ff91	#24ff91	#00da6c	#00da6c	#393984	#393984	#151560	#151560
#48ffa3	#48ffa3	#00b65a	#00b65a	#5a5a98	#5a5a98	#111150	#111150
#6dffb5	#6dffb5	#009148	#009148	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#91ffc8	#91ffc8	#006d36	#006d36	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#b6ffda	#b6ffda	#004824	#004824	#bdbdd6	#bdbdd6	#070720	#070720
#daffec	#daffec	#002412	#002412	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe springgreen und Farbwert #191970

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbe springgreen auf Farbwert #191970 ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbe springgreen vor.

Wir setzen z.B. bei <center> die Hintergrundfarbe auf Farbe springgreen und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  center { 
    font-size:13px; 
    background-color:springgreen;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #191970 ändert.

<style type="text/css"><!--
  center: hover { 
    background-color: #191970;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier verwendeten HTML-Tag <center>.

Wechsel der Textfarbe bei Hover von Befehl a

Mit Tag <a> setzen Sie einen Link. Diesen kann man hervorheben und farblich gestalten.

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

Wir legen zum Beispiel Farbe springgreen als Textfarbe von <a> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf verdana:

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

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #191970 geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:#191970;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten vom HTML-Tag a sind in der HTML Referenz bei <a> genau beschrieben.