Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray44

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 gray44
Detail	:	Hintergrundfarbe gray44	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray44	#2c2c2c	#2c2c2c	#2c2c2c	#2c2c2c
Farbwert	:	#2c2c2c	#4a4a4a	#4a4a4a	#252525	#252525
HTML	:	gray44	#686868	#686868	#1f1f1f	#1f1f1f
CSS	:	gray44	#868686	#868686	#191919	#191919
CSS (Wert)	:	#2c2c2c	#a4a4a4	#a4a4a4	#121212	#121212
CSS (kürzest)	:	#2c2c2c	#c2c2c2	#c2c2c2	#0c0c0c	#0c0c0c
CSS (RGB)	:	rgb(44,44,44)	#e0e0e0	#e0e0e0	#060606	#060606
CSS (%RGB)	:	rgb(17%,17%,17%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray44

Änderung der Hintergrundfarbe bei Hover mit Befehl dd

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

Dafür stellen wir <dd> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe gray44 geändert wird.

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

Mehr zum Thema dd können Sie in Listen und Glossare in HTML nachsehen. Die Beschreibung vom hier verwendeten Befehl dd lesen Sie in der HTML Referenz unter <dd>.

Umrandung von Befehl img

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbe gray44. Mit HTML ist das kaum möglich. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  img { border:5px dotted gray44; }
//-->
</style>

Weiteres zum Thema können Sie in Grafik in HTML lesen. Einzelheiten vom hier verwendeten HTML-Befehl <img>.