Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray165

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Hintergrundfarbe gray165
Detail	:	Hintergrundfarbe gray165	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray165	#a5a5a5	#a5a5a5	#a5a5a5	#a5a5a5
Farbwert	:	#a5a5a5	#b1b1b1	#b1b1b1	#8d8d8d	#8d8d8d
HTML	:	gray165	#bebebe	#bebebe	#757575	#757575
CSS	:	gray165	#cbcbcb	#cbcbcb	#5e5e5e	#5e5e5e
CSS (Wert)	:	#a5a5a5	#d8d8d8	#d8d8d8	#464646	#464646
CSS (kürzest)	:	#a5a5a5	#e5e5e5	#e5e5e5	#2f2f2f	#2f2f2f
CSS (RGB)	:	rgb(165,165,165)	#f2f2f2	#f2f2f2	#171717	#171717
CSS (%RGB)	:	rgb(64%,64%,64%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray165

Änderung der Textfarbe bei Hover bei Tag del

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <del> so ein, dass sich bei Berührung mit der Maus die Textfarbe auf Farbe gray165 ändert.

<style type="text/css"><!--
  del: hover { 
    color: gray165;
  }
//-->
</style>

Der hier gezeigte HTML-Befehl del ist in der HTML Referenz unter <del> ausführlich gezeigt.

Änderung der Hintergrundfarbe bei Hover von Befehl p

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <p> so ein, dass bei Mausberührung die Hintergrundfarbe auf Farbe gray165 gesetzt wird.

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

Mehr zum Thema p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier gezeigten HTML-Tag p lesen Sie in der HTML Referenz unter <p>.