Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbe gray238

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbe gray238
Detail	:	Hintergrundfarbe gray238	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray238	#eeeeee	#eeeeee	#eeeeee	#eeeeee
Farbwert	:	#eeeeee	#f0f0f0	#f0f0f0	#cccccc	#cccccc
HTML	:	gray238	#f2f2f2	#f2f2f2	#aaaaaa	#aaaaaa
CSS	:	gray238	#f5f5f5	#f5f5f5	#888888	#888888
CSS (Wert)	:	#eeeeee	#f7f7f7	#f7f7f7	#666666	#666666
CSS (kürzest)	:	#eee	#fafafa	#fafafa	#444444	#444444
CSS (RGB)	:	rgb(238,238,238)	#fcfcfc	#fcfcfc	#222222	#222222
CSS (%RGB)	:	rgb(93%,93%,93%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray238

Änderung der Hintergrundfarbe von HTML-Befehl abbr

Wir legen für dieses Beispiel die Hintergrundfarbe von <abbr> auf Farbe gray238 fest.

<abbr style="background-color:gray238;">
Hintergrund ist in Farbe gray238
</abbr>

Einzelheiten des hier verwendeten Befehl abbr lesen Sie in der HTML Referenz unter <abbr>.

Änderung der Hintergrundfarbe bei Hover von HTML-Tag a

Ein Hyperlink wird mit Tag <a> gesetzt und kann farblich gestaltet und hervorgehoben werden.

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

Wir legen hier Farbe gray238 als Hintergrundfarbe von <a> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 9px.

<style type="text/css"><!--
  a { 
    background-color:#9795fe; 
    font-family:sans-serif; 
    font-size:9px;
  }
//-->
</style>

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

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Die Beschreibung des hier verwendeten Befehl a finden Sie in der HTML Referenz unter <a>.