Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray46

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 gray46
Detail	:	Hintergrundfarbe gray46	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray46	#2e2e2e	#2e2e2e	#2e2e2e	#2e2e2e
Farbwert	:	#2e2e2e	#4b4b4b	#4b4b4b	#272727	#272727
HTML	:	gray46	#696969	#696969	#202020	#202020
CSS	:	gray46	#878787	#878787	#1a1a1a	#1a1a1a
CSS (Wert)	:	#2e2e2e	#a5a5a5	#a5a5a5	#131313	#131313
CSS (kürzest)	:	#2e2e2e	#c3c3c3	#c3c3c3	#0d0d0d	#0d0d0d
CSS (RGB)	:	rgb(46,46,46)	#e1e1e1	#e1e1e1	#060606	#060606
CSS (%RGB)	:	rgb(18%,18%,18%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray46

Änderung der Hintergrundfarbe bei Hover von HTML-Tag address

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

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

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Einzelheiten vom hier genutzten Befehl address erfahren Sie in der HTML Referenz unter <address>.

Umrandung mit Tag dd

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe gray46. In HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  dd { border:1px double gray46; }
//-->
</style>

Mehr zum Thema dd können Sie in Listen und Glossare in HTML lesen. Mehr zum HTML-Befehl <dd>.