Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #00fa9a

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
Detail	:	Hintergrundfarbwert #00fa9a	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#00fa9a	#00fa9a	#00fa9a	#00fa9a	#00fa9a
Farbe	:	mediumspringgreen	#24faa8	#24faa8	#00d684	#00d684
HTML	:	#00fa9a	#48fbb6	#48fbb6	#00b26e	#00b26e
CSS	:	#00fa9a	#6dfcc5	#6dfcc5	#008e58	#008e58
CSS (Wert)	:	#00fa9a	#91fcd3	#91fcd3	#006b42	#006b42
CSS (kürzest)	:	#00fa9a	#b6fde2	#b6fde2	#00472c	#00472c
CSS (RGB)	:	rgb(0,250,154)	#dafef0	#dafef0	#002316	#002316
CSS (%RGB)	:	rgb(0%,98%,60%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #00fa9a

Änderung der Textfarbe bei Hover bei Tag div

Mit HTML-Befehl <div> wird ein Kontainer gesetzt. Diesen können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <div> so ein, dass bei Hover die Textfarbe auf Farbwert #00fa9a geändert wird.

<style type="text/css"><!--
  div: hover { 
    color: #00fa9a;
  }
//-->
</style>

Einzelheiten vom Tag div finden Sie in der HTML Referenz unter <div>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl h2

Eine Überschrift setzt man mit Befehl <h2>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <h2> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbwert #00fa9a ändert.

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

Weiteres zu h2 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Tag h2 lesen Sie in der HTML Referenz unter <h2>.