Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray79

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 gray79
Detail	:	Hintergrundfarbe gray79	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray79	#4f4f4f	#4f4f4f	#4f4f4f	#4f4f4f
Farbwert	:	#4f4f4f	#686868	#686868	#434343	#434343
HTML	:	gray79	#818181	#818181	#383838	#383838
CSS	:	gray79	#9a9a9a	#9a9a9a	#2d2d2d	#2d2d2d
CSS (Wert)	:	#4f4f4f	#b3b3b3	#b3b3b3	#212121	#212121
CSS (kürzest)	:	#4f4f4f	#cccccc	#cccccc	#161616	#161616
CSS (RGB)	:	rgb(79,79,79)	#e5e5e5	#e5e5e5	#0b0b0b	#0b0b0b
CSS (%RGB)	:	rgb(30%,30%,30%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray79

Änderung der Hintergrundfarbe mit HTML-Tag blockquote

Wir legen in diesem Beispiel bei <blockquote> die Hintergrundfarbe auf Farbe gray79 fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  blockquote { 
    font-family:sans-serif; 
    background-color:gray79;
  }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Befehl blockquote finden Sie in der HTML Referenz unter <blockquote>.

Änderung der Textfarbe bei Hover von Tag address

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

Dafür stellen wir <address> so ein, dass bei Hover die Textfarbe auf Farbe gray79 geändert wird.

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

Mehr zu address finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung des Tag address finden Sie in der HTML Referenz unter <address>.