Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00fa9a und Farbwert #00ff7f

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.

Hintergrundfarbwert #00fa9a			Schriftfarbwert #00ff7f
Detail	:	Hintergrund #00fa9a	Detail	:	Schrift #00ff7f
Farbwert	:	#00fa9a	Farbwert	:	#00ff7f
Farbe	:	mediumspringgreen	Farbe	:	springgreen
HTML	:	#00fa9a	HTML	:	#00ff7f
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#00ff7f
CSS	:	#00fa9a	CSS	:	#00ff7f
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#00ff7f
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#00ff7f
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(0,255,127)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(0%,100%,49%)

Verlauf Hintergrundfarbwert #00fa9a nach Schriftfarbwert #00ff7f
#00fa9a	#00fa96	#00fb92	#00fc8e	#00fc8a	#00fd86	#00fe82	#00ff7f
#00fa9a	#00fa96	#00fb92	#00fc8e	#00fc8a	#00fd86	#00fe82	#00ff7f

Kombination von #00fa9a und #00ff7f
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #00ff7f und #00fa9a beträgt 95.09%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.91%. #00ff7f eignet sich nicht als Schriftfarbe auf Hintergrund #00fa9a. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #00fa9a				Schriftfarbwert #00ff7f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#00ff7f	#00ff7f	#00ff7f	#00ff7f
#24faa8	#24faa8	#00d684	#00d684	#24ff91	#24ff91	#00da6c	#00da6c
#48fbb6	#48fbb6	#00b26e	#00b26e	#48ffa3	#48ffa3	#00b65a	#00b65a
#6dfcc5	#6dfcc5	#008e58	#008e58	#6dffb5	#6dffb5	#009148	#009148
#91fcd3	#91fcd3	#006b42	#006b42	#91ffc8	#91ffc8	#006d36	#006d36
#b6fde2	#b6fde2	#00472c	#00472c	#b6ffda	#b6ffda	#004824	#004824
#dafef0	#dafef0	#002316	#002316	#daffec	#daffec	#002412	#002412
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00fa9a und Farbwert #00ff7f

Wechsel der Hintergrundfarbe bei Hover von Tag center

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

Wir legen in diesem Beispiel die Hintergrundfarbe von <center> auf Farbwert #00fa9a fest. Die Größe der Schrift verringern wir auf 94%.

<style type="text/css"><!--
  center { 
    font-size: 94%; 
    background-color: #00fa9a;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #00ff7f gesetzt wird.

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

Weiteres zum Thema center lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Befehl center erfahren Sie in der HTML Referenz unter <center>.

Wechsel der Umrandung bei Hover mit HTML-Tag dt

Die Rahmenfarbe soll sich von Farbwert #00fa9a auf Farbwert #00ff7f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbwert #00fa9a vor.

In diesem Beispiel umranden wir <dt> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #00fa9a.

<style type="text/css"><!--
  dt { 
    border-style:double; 
    border-width:5px; 
    border-color:#00fa9a;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #00ff7f geändert wird.

<style type="text/css"><!--
  dt:hover { 
    border-color:#00ff7f;
  }
//-->
</style>

Weiteres zum Thema dt lesen Sie in Listen und Glossare in HTML. Der Tag dt ist in der HTML Referenz unter <dt> genau beschrieben.