Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray132

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 gray132
Detail	:	Hintergrundfarbe gray132	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray132	#848484	#848484	#848484	#848484
Farbwert	:	#848484	#959595	#959595	#717171	#717171
HTML	:	gray132	#a7a7a7	#a7a7a7	#5e5e5e	#5e5e5e
CSS	:	gray132	#b8b8b8	#b8b8b8	#4b4b4b	#4b4b4b
CSS (Wert)	:	#848484	#cacaca	#cacaca	#383838	#383838
CSS (kürzest)	:	#848484	#dbdbdb	#dbdbdb	#252525	#252525
CSS (RGB)	:	rgb(132,132,132)	#ededed	#ededed	#121212	#121212
CSS (%RGB)	:	rgb(51%,51%,51%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray132

Änderung der Hintergrundfarbe bei Hover von Tag h6

Mit Tag <h6> wird eine Überschrift der 6. Stufe gesetzt. Diese können Sie farblich gestalten und hervorheben.

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

Dafür stellen wir <h6> so ein, dass sich bei Hover die Hintergrundfarbe auf Farbe gray132 ändert.

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

Weiteres zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum hier genutzten HTML-Befehl h6 erfahren Sie in der HTML Referenz unter <h6>.

Änderung der Hintergrundfarbe bei HTML-Tag em

In diesem Beispiel legen wir die Hintergrundfarbe von <em> auf Farbe gray132 fest. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  em { 
    background-color: gray132; 
    font-size: 9px;
  }
//-->
</style>

Weiteres zu em lesen Sie in Text in HTML. Weiteres zum hier genutzten Befehl em ist in der HTML Referenz bei <em> genau zusammengestellt.