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

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 #efefef
Detail	:	Hintergrundfarbwert #efefef	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#efefef	#efefef	#efefef	#efefef	#efefef
Farbe	:	gray239	#f1f1f1	#f1f1f1	#cccccc	#cccccc
HTML	:	#efefef	#f3f3f3	#f3f3f3	#aaaaaa	#aaaaaa
CSS	:	#efefef	#f5f5f5	#f5f5f5	#888888	#888888
CSS (Wert)	:	#efefef	#f8f8f8	#f8f8f8	#666666	#666666
CSS (kürzest)	:	#efefef	#fafafa	#fafafa	#444444	#444444
CSS (RGB)	:	rgb(239,239,239)	#fcfcfc	#fcfcfc	#222222	#222222
CSS (%RGB)	:	rgb(93%,93%,93%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #efefef

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl blockquote

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

Dafür stellen wir <blockquote> so ein, dass bei Mausberührung die Hintergrundfarbe auf Farbwert #efefef gesetzt wird.

<style type="text/css"><!--
  blockquote:hover { 
    background-color:#efefef;
  }
//-->
</style>

Weiteres zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier genutzten HTML-Befehl blockquote sind in der HTML Referenz bei <blockquote> genau zusammengestellt.

Umrandung mit HTML-Tag hr

In diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #efefef. Mit HTML geht das kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:1px inset #efefef; }
//-->
</style>

Mehr zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des Tag <hr>.