Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray19

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 gray19
Detail	:	Hintergrundfarbe gray19	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray19	#131313	#131313	#131313	#131313
Farbwert	:	#131313	#343434	#343434	#101010	#101010
HTML	:	gray19	#565656	#565656	#0d0d0d	#0d0d0d
CSS	:	gray19	#787878	#787878	#0a0a0a	#0a0a0a
CSS (Wert)	:	#131313	#999999	#999999	#080808	#080808
CSS (kürzest)	:	#131313	#bbbbbb	#bbbbbb	#050505	#050505
CSS (RGB)	:	rgb(19,19,19)	#dddddd	#dddddd	#020202	#020202
CSS (%RGB)	:	rgb(7%,7%,7%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray19

Änderung der Hintergrundfarbe bei Hover von HTML-Tag thead

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <thead> vor.

Als Beispiel setzen wir bei <thead> die Hintergrundfarbe auf Farbe gray19. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  thead { 
    font-family:verdana; 
    background-color:#cfc88b;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe gray19 gesetzt wird.

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

Mehr zu thead können Sie in Tabellen in HTML nachsehen. Zur Beschreibung des HTML-Tag <thead>.

Änderung der Textfarbe mit Tag address

Wir legen als Beispiel bei <address> die Textfarbe auf Farbe gray19 fest und ändern die Größe der Schrift auf 12pt:

<address style="color:gray19; font-size:12pt;">
Dieser Text nutzt Farbe gray19
</address>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Der Tag address ist in der HTML Referenz unter <address> ausführlich zusammengestellt.