Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray224

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 gray224
Detail	:	Hintergrundfarbe gray224	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray224	#e0e0e0	#e0e0e0	#e0e0e0	#e0e0e0
Farbwert	:	#e0e0e0	#e4e4e4	#e4e4e4	#c0c0c0	#c0c0c0
HTML	:	gray224	#e8e8e8	#e8e8e8	#a0a0a0	#a0a0a0
CSS	:	gray224	#ededed	#ededed	#808080	#808080
CSS (Wert)	:	#e0e0e0	#f1f1f1	#f1f1f1	#606060	#606060
CSS (kürzest)	:	#e0e0e0	#f6f6f6	#f6f6f6	#404040	#404040
CSS (RGB)	:	rgb(224,224,224)	#fafafa	#fafafa	#202020	#202020
CSS (%RGB)	:	rgb(87%,87%,87%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray224

Umrandung von HTML-Tag li

In diesem Beispiel umranden wir <li> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe gray224. Das geht mit HTML nicht. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  li { 
    border-width:5px; 
    border-style:ridge; 
    border-color:gray224;
  }
//-->
</style>

Weiteres zum Thema li erfahren Sie in Listen und Glossare in HTML. Die Beschreibung des Befehl li finden Sie in der HTML Referenz unter <li>.

Änderung der Textfarbe bei Hover mit HTML-Tag p

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

Dafür stellen wir <p> so ein, dass sich bei Hover die Textfarbe auf Farbe gray224 ändert.

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

Mehr zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier verwendete Befehl p ist in der HTML Referenz unter <p> beschrieben.