Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #9c9c9c

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 #9c9c9c
Detail	:	Hintergrundfarbwert #9c9c9c	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#9c9c9c	#9c9c9c	#9c9c9c	#9c9c9c	#9c9c9c
Farbe	:	gray156	#aaaaaa	#aaaaaa	#858585	#858585
HTML	:	#9c9c9c	#b8b8b8	#b8b8b8	#6f6f6f	#6f6f6f
CSS	:	#9c9c9c	#c6c6c6	#c6c6c6	#595959	#595959
CSS (Wert)	:	#9c9c9c	#d4d4d4	#d4d4d4	#424242	#424242
CSS (kürzest)	:	#9c9c9c	#e2e2e2	#e2e2e2	#2c2c2c	#2c2c2c
CSS (RGB)	:	rgb(156,156,156)	#f0f0f0	#f0f0f0	#161616	#161616
CSS (%RGB)	:	rgb(61%,61%,61%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #9c9c9c

Änderung der Hintergrundfarbe bei Hover von Tag address

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

Dafür stellen wir <address> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbwert #9c9c9c ändert.

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

Weiteres zu address erfahren Sie in Blockorientierte Elemente in HTML. Beschreibung vom Tag <address>.

Umrandung mit Tag dd

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #9c9c9c. Mit HTML ist dies nicht machbar. Wir verwenden deshalb CSS zur Formatierung.

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

Weiteres zu dd können Sie in Listen und Glossare in HTML finden. Mehr zum hier gezeigten Befehl dd finden Sie in der HTML Referenz unter <dd>.