Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #7f7f7f

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 #7f7f7f
Detail	:	Hintergrundfarbwert #7f7f7f	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#7f7f7f	#7f7f7f	#7f7f7f	#7f7f7f	#7f7f7f
Farbe	:	gray127	#919191	#919191	#6c6c6c	#6c6c6c
HTML	:	#7f7f7f	#a3a3a3	#a3a3a3	#5a5a5a	#5a5a5a
CSS	:	#7f7f7f	#b5b5b5	#b5b5b5	#484848	#484848
CSS (Wert)	:	#7f7f7f	#c8c8c8	#c8c8c8	#363636	#363636
CSS (kürzest)	:	#7f7f7f	#dadada	#dadada	#242424	#242424
CSS (RGB)	:	rgb(127,127,127)	#ececec	#ececec	#121212	#121212
CSS (%RGB)	:	rgb(49%,49%,49%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #7f7f7f

Änderung der Hintergrundfarbe bei Hover von HTML-Befehl 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 #7f7f7f ändert.

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Einzelheiten des hier gezeigten Tag address erfahren Sie in der HTML Referenz unter <address>.

Umrandung von HTML-Tag dd

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #7f7f7f. Mit HTML geht dies nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  dd { border:5px dotted #7f7f7f; }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten des HTML-Tag <dd>.