Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray196

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 gray196
Detail	:	Hintergrundfarbe gray196	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray196	#c4c4c4	#c4c4c4	#c4c4c4	#c4c4c4
Farbwert	:	#c4c4c4	#cccccc	#cccccc	#a8a8a8	#a8a8a8
HTML	:	gray196	#d4d4d4	#d4d4d4	#8c8c8c	#8c8c8c
CSS	:	gray196	#dddddd	#dddddd	#707070	#707070
CSS (Wert)	:	#c4c4c4	#e5e5e5	#e5e5e5	#545454	#545454
CSS (kürzest)	:	#c4c4c4	#eeeeee	#eeeeee	#383838	#383838
CSS (RGB)	:	rgb(196,196,196)	#f6f6f6	#f6f6f6	#1c1c1c	#1c1c1c
CSS (%RGB)	:	rgb(76%,76%,76%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray196

Änderung der Textfarbe mit Tag strong

Hier legen wir die Textfarbe von <strong> auf Farbe gray196 fest und setzen die Schriftgröße auf 11pt:

<strong style="font-size:11pt; color:gray196;">
strong-Text nutzt Farbe gray196
</strong>

Mehr zu strong können Sie in Text in HTML nachlesen. Möglichkeiten des hier genutzten Befehl strong sind in der HTML Referenz unter <strong> genau zusammengestellt.

Änderung der Textfarbe bei Hover bei Befehl p

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

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

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

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Tag p finden Sie in der HTML Referenz unter <p>.