Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe gray

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 gray
Detail	:	Hintergrundfarbe gray	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray	#808080	#808080	#808080	#808080
Farbwert	:	#808080	#929292	#929292	#6d6d6d	#6d6d6d
HTML	:	gray	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
CSS	:	gray	#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 gray

Änderung der Hintergrundfarbe bei Hover von HTML-Tag textarea

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

Für dieses Beispiel legen wir die Hintergrundfarbe von <textarea> auf Farbe gray fest.

<style type="text/css"><!--
  textarea { 
    background-color:#c46d91;
  }
//-->
</style>

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

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

Weiteres zum Thema lesen Sie in Formulare in HTML. Weiteres zum HTML-Befehl textarea erfahren Sie in der HTML Referenz unter <textarea>.

Umrandung mit HTML-Tag img

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe gray. In HTML geht dies kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  img { border:5px dashed gray; }
//-->
</style>

Weiteres zu img finden Sie in Grafik in HTML. Die Beschreibung vom Tag img finden Sie in der HTML Referenz unter <img>.