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

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 #676767
Detail	:	Hintergrundfarbwert #676767	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#676767	#676767	#676767	#676767	#676767
Farbe	:	gray103	#7c7c7c	#7c7c7c	#585858	#585858
HTML	:	#676767	#929292	#929292	#494949	#494949
CSS	:	#676767	#a8a8a8	#a8a8a8	#3a3a3a	#3a3a3a
CSS (Wert)	:	#676767	#bdbdbd	#bdbdbd	#2c2c2c	#2c2c2c
CSS (kürzest)	:	#676767	#d3d3d3	#d3d3d3	#1d1d1d	#1d1d1d
CSS (RGB)	:	rgb(103,103,103)	#e9e9e9	#e9e9e9	#0e0e0e	#0e0e0e
CSS (%RGB)	:	rgb(40%,40%,40%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #676767

Ä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 #676767 ändert.

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML finden. Einzelheiten des hier gezeigten Befehl address erfahren Sie in der HTML Referenz unter <address>.

Umrandung mit Tag dd

In diesem Beispiel umranden wir <dd> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #676767. Mit HTML geht dies nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  dd { border:2px ridge #676767; }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Möglichkeiten vom Tag dd sind in der HTML Referenz bei <dd> ausführlich zusammengestellt.