Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe green

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.

Hintergrundfarbe green
Detail	:	Hintergrundfarbe green	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	green	#008000	#008000	#008000	#008000
Farbwert	:	#008000	#249224	#249224	#006d00	#006d00
HTML	:	green	#48a448	#48a448	#005b00	#005b00
CSS	:	green	#6db66d	#6db66d	#004900	#004900
CSS (Wert)	:	#008000	#91c891	#91c891	#003600	#003600
CSS (kürzest)	:	#008000	#b6dab6	#b6dab6	#002400	#002400
CSS (RGB)	:	rgb(0,128,0)	#daecda	#daecda	#001200	#001200
CSS (%RGB)	:	rgb(0%,50%,0%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe green

Änderung der Textfarbe mit HTML-Befehl samp

Wir legen für dieses Beispiel bei <samp> die Textfarbe auf Farbe green fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf sans-serif.

<style type="text/css"><!--
  samp { 
    color:green; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML finden. Möglichkeiten des hier gezeigten Tag samp lesen Sie in der HTML Referenz unter <samp>.

Änderung der Unterstreichung bei Hover mit Tag legend

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

<style type="text/css"><!--
  legend { border-bottom:3px outset #06accb; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbe green gesetzt wird.

<style type="text/css"><!--
  legend: hover { 
    border-bottom-color: green;
  }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine wirkliche Unterstreichung, der Text selbst ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema können Sie in Formulare in HTML lesen. Die Beschreibung vom HTML-Befehl legend erfahren Sie in der HTML Referenz unter <legend>.