Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbe gray102

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbe gray102
Detail	:	Hintergrundfarbe gray102	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray102	#666666	#666666	#666666	#666666
Farbwert	:	#666666	#7b7b7b	#7b7b7b	#575757	#575757
HTML	:	gray102	#919191	#919191	#484848	#484848
CSS	:	gray102	#a7a7a7	#a7a7a7	#3a3a3a	#3a3a3a
CSS (Wert)	:	#666666	#bdbdbd	#bdbdbd	#2b2b2b	#2b2b2b
CSS (kürzest)	:	#666	#d3d3d3	#d3d3d3	#1d1d1d	#1d1d1d
CSS (RGB)	:	rgb(102,102,102)	#e9e9e9	#e9e9e9	#0e0e0e	#0e0e0e
CSS (%RGB)	:	rgb(40%,40%,40%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray102

Änderung der Textfarbe bei Hover mit HTML-Tag p

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

Dafür stellen wir <p> so ein, dass sich bei Mausberührung die Textfarbe auf Farbe gray102 ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom HTML-Befehl p sind in der HTML Referenz bei <p> ausführlich zusammengestellt.

Änderung der Hintergrundfarbe bei Hover mit HTML-Tag var

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

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

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

Mehr zum Thema var können Sie in Text in HTML erfahren. Die Beschreibung des hier verwendeten Befehl var lesen Sie in der HTML Referenz unter <var>.