Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbwert #00ff00

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

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 Hintergrundfarbe mit Befehl tfoot

Zum Beispiel setzen wir die Hintergrundfarbe von <tfoot> auf Farbwert #00ff00. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  tfoot { 
    font-family:sans-serif; 
    background-color:#00ff00;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Mehr zum hier gezeigten Tag tfoot lesen Sie in der HTML Referenz unter <tfoot>.

Änderung der Unterstreichung bei Hover mit HTML-Tag h3

Eine Überschrift der 3. Stufe setzt man mit HTML-Befehl <h3>. Diese kann man hervorheben und farblich gestalten.

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

<style type="text/css"><!--
  h3 { border-bottom:1px outset #1bd674; }
//-->
</style>

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

<style type="text/css"><!--
  h3: hover { 
    border-bottom-color: #0f0;
  }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Es ist jedoch keine normale Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom hier gezeigten Tag h3 erfahren Sie in der HTML Referenz unter <h3>.