Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #00ff00

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.

Hintergrundfarbwert #00ff00
Detail	:	Hintergrundfarbwert #00ff00	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#00ff00	#00ff00	#00ff00	#00ff00	#00ff00
Farbe	:	lime	#24ff24	#24ff24	#00da00	#00da00
HTML	:	#00ff00	#48ff48	#48ff48	#00b600	#00b600
CSS	:	#00ff00	#6dff6d	#6dff6d	#009100	#009100
CSS (Wert)	:	#00ff00	#91ff91	#91ff91	#006d00	#006d00
CSS (kürzest)	:	#0f0	#b6ffb6	#b6ffb6	#004800	#004800
CSS (RGB)	:	rgb(0,255,0)	#daffda	#daffda	#002400	#002400
CSS (%RGB)	:	rgb(0%,100%,0%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #00ff00

Änderung der Textfarbe bei HTML-Tag address

Als Beispiel legen wir Farbwert #00ff00 als Textfarbe von <address> fest.

<address style="color:#0f0;">
Dieser address-Text nutzt Farbwert #00ff00
</address>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Der hier genutzte Befehl address ist in der HTML Referenz unter <address> genau gezeigt.

Änderung der Hintergrundfarbe bei Hover bei HTML-Tag a

Ein Verweis wird mit Tag <a> erzeugt. Diesen kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

Wir legen hier Farbwert #00ff00 als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf monospace und erhöhen die Größe der Schrift auf 129%:

<style type="text/css"><!--
  a { 
    background-color:#4e9df6; 
    font-family:monospace; 
    font-size:129%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #00ff00 gesetzt wird.

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

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Tag <a>.