Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #4e4e4e

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).

Hintergrundfarbwert #4e4e4e
Detail	:	Hintergrundfarbwert #4e4e4e	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#4e4e4e	#4e4e4e	#4e4e4e	#4e4e4e	#4e4e4e
Farbe	:	gray78	#676767	#676767	#424242	#424242
HTML	:	#4e4e4e	#808080	#808080	#373737	#373737
CSS	:	#4e4e4e	#999999	#999999	#2c2c2c	#2c2c2c
CSS (Wert)	:	#4e4e4e	#b3b3b3	#b3b3b3	#212121	#212121
CSS (kürzest)	:	#4e4e4e	#cccccc	#cccccc	#161616	#161616
CSS (RGB)	:	rgb(78,78,78)	#e5e5e5	#e5e5e5	#0b0b0b	#0b0b0b
CSS (%RGB)	:	rgb(30%,30%,30%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbwert #4e4e4e

Änderung der Hintergrundfarbe bei Hover mit Tag a

Mit Tag <a> wird ein Link gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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 für dieses Beispiel Farbwert #4e4e4e als Hintergrundfarbe von <a> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  a { 
    font-family:monospace; 
    background-color:#1170b3;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #4e4e4e gesetzt wird.

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Beschreibung vom HTML-Befehl <a>.