Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray39

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 gray39
Detail	:	Hintergrundfarbe gray39	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray39	#272727	#272727	#272727	#272727
Farbwert	:	#272727	#454545	#454545	#212121	#212121
HTML	:	gray39	#646464	#646464	#1b1b1b	#1b1b1b
CSS	:	gray39	#838383	#838383	#161616	#161616
CSS (Wert)	:	#272727	#a2a2a2	#a2a2a2	#101010	#101010
CSS (kürzest)	:	#272727	#c1c1c1	#c1c1c1	#0b0b0b	#0b0b0b
CSS (RGB)	:	rgb(39,39,39)	#e0e0e0	#e0e0e0	#050505	#050505
CSS (%RGB)	:	rgb(15%,15%,15%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray39

Umrandung bei Befehl dt

In diesem Beispiel umranden wir <dt> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe gray39. Das ist in HTML kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  dt { border:5px outset gray39; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Listen und Glossare in HTML. Weiteres zum Tag <dt>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl li

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

Dafür stellen wir <li> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbe gray39 ändert.

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

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Einzelheiten des HTML-Befehl li sind in der HTML Referenz unter <li> beschrieben.