Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe grey

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 grey
Detail	:	Hintergrundfarbe grey	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	grey	#808080	#808080	#808080	#808080
Farbwert	:	#808080	#929292	#929292	#6d6d6d	#6d6d6d
HTML	:	grey	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
CSS	:	grey	#b6b6b6	#b6b6b6	#494949	#494949
CSS (Wert)	:	#808080	#c8c8c8	#c8c8c8	#363636	#363636
CSS (kürzest)	:	#808080	#dadada	#dadada	#242424	#242424
CSS (RGB)	:	rgb(128,128,128)	#ececec	#ececec	#121212	#121212
CSS (%RGB)	:	rgb(50%,50%,50%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe grey

Änderung der Hintergrundfarbe bei Hover bei Befehl abbr

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

Wir legen als Beispiel die Hintergrundfarbe von <abbr> auf Farbe grey fest.

<style type="text/css"><!--
  abbr { 
    background-color:#2bf187;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe grey gesetzt wird.

<style type="text/css"><!--
  abbr:hover { 
    background-color:grey;
  }
//-->
</style>

Zur Beschreibung vom Tag <abbr>.

Farbige Unterstreichung von HTML-Befehl label

Beispielsweise unterstreichen wir <label> mit einem herausstehenden Rahmen mit 4 Pixel Dicke in Farbe grey. Das ist mit HTML so kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  label { border-bottom:4px outset grey; }
//-->
</style>

Die Idee ist hierbei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sieht man dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist aber keine normale Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema können Sie in Formulare in HTML lesen. Weiteres zum HTML-Tag <label>.