Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #afafaf

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).

Hintergrundfarbwert #afafaf
Detail	:	Hintergrundfarbwert #afafaf	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#afafaf	#afafaf	#afafaf	#afafaf	#afafaf
Farbe	:	gray175	#bababa	#bababa	#969696	#969696
HTML	:	#afafaf	#c5c5c5	#c5c5c5	#7d7d7d	#7d7d7d
CSS	:	#afafaf	#d1d1d1	#d1d1d1	#646464	#646464
CSS (Wert)	:	#afafaf	#dcdcdc	#dcdcdc	#4b4b4b	#4b4b4b
CSS (kürzest)	:	#afafaf	#e8e8e8	#e8e8e8	#323232	#323232
CSS (RGB)	:	rgb(175,175,175)	#f3f3f3	#f3f3f3	#191919	#191919
CSS (%RGB)	:	rgb(68%,68%,68%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #afafaf

Änderung der Hintergrundfarbe von HTML-Tag h5

Eine Überschrift der 5. Stufe erzeugt man mit Tag <h5>. Diese können Sie hervorheben und farblich gestalten.

Zum Beispiel legen wir Farbwert #afafaf als Hintergrundfarbe von <h5> fest:

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

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum hier gezeigten Befehl h5 ist in der HTML Referenz bei <h5> zusammengestellt.

Änderung der Textfarbe bei Hover bei HTML-Befehl del

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

Dafür stellen wir <del> so ein, dass sich bei Mausberührung die Textfarbe auf Farbwert #afafaf ändert.

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

Die Beschreibung vom hier genutzten Tag del finden Sie in der HTML Referenz unter <del>.