Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray240

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 gray240
Detail	:	Hintergrundfarbe gray240	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray240	#f0f0f0	#f0f0f0	#f0f0f0	#f0f0f0
Farbwert	:	#f0f0f0	#f2f2f2	#f2f2f2	#cdcdcd	#cdcdcd
HTML	:	gray240	#f4f4f4	#f4f4f4	#ababab	#ababab
CSS	:	gray240	#f6f6f6	#f6f6f6	#898989	#898989
CSS (Wert)	:	#f0f0f0	#f8f8f8	#f8f8f8	#666666	#666666
CSS (kürzest)	:	#f0f0f0	#fafafa	#fafafa	#444444	#444444
CSS (RGB)	:	rgb(240,240,240)	#fcfcfc	#fcfcfc	#222222	#222222
CSS (%RGB)	:	rgb(94%,94%,94%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray240

Änderung der Textfarbe bei Befehl h2

Mit Tag <h2> wird eine Überschrift der 2. Stufe erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

Z.B. legen wir Farbe gray240 als Textfarbe von <h2> fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  h2 { 
    font-family:monospace; 
    font-size:13px; 
    color:gray240;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten vom HTML-Tag h2 erfahren Sie in der HTML Referenz unter <h2>.

Änderung der Unterstreichung bei Hover mit Befehl address

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

Dafür stellen wir <address> so ein, dass sich bei Mausberührung die Farbe der Unterstreichung auf Farbe gray240 ändert.

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

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML nachlesen. Der Tag address ist in der HTML Referenz unter <address> beschrieben.