Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray200

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 gray200
Detail	:	Hintergrundfarbe gray200	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray200	#c8c8c8	#c8c8c8	#c8c8c8	#c8c8c8
Farbwert	:	#c8c8c8	#cfcfcf	#cfcfcf	#ababab	#ababab
HTML	:	gray200	#d7d7d7	#d7d7d7	#8e8e8e	#8e8e8e
CSS	:	gray200	#dfdfdf	#dfdfdf	#727272	#727272
CSS (Wert)	:	#c8c8c8	#e7e7e7	#e7e7e7	#555555	#555555
CSS (kürzest)	:	#c8c8c8	#efefef	#efefef	#393939	#393939
CSS (RGB)	:	rgb(200,200,200)	#f7f7f7	#f7f7f7	#1c1c1c	#1c1c1c
CSS (%RGB)	:	rgb(78%,78%,78%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbe gray200

Änderung der Textfarbe bei Hover mit Tag label

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

<style type="text/css"><!--
  label { 
    color:#2c4315; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe gray200 gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Formulare in HTML. Beschreibung des hier genutzten Tag <label>.