Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #808080

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 #808080
Detail	:	Hintergrundfarbwert #808080	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#808080	#808080	#808080	#808080	#808080
Farbe	:	gray	#929292	#929292	#6d6d6d	#6d6d6d
HTML	:	#808080	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
CSS	:	#808080	#b6b6b6	#b6b6b6	#494949	#494949
CSS (Wert)	:	#808080	#c8c8c8	#c8c8c8	#363636	#363636
CSS (kürzest)	:	#808080	#dadada	#dadada	#242424	#242424
CSS (RGB)	:	rgb(128,128,128)	#ececec	#ececec	#121212	#121212
CSS (%RGB)	:	rgb(50%,50%,50%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbwert #808080

Änderung der Hintergrundfarbe bei Hover bei Befehl a

Einen Hyperlink erzeugt man mit Befehl <a> 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 für dieses Beispiel Farbwert #808080 als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf verdana und erhöhen die Schriftgröße auf 123%:

<style type="text/css"><!--
  a { 
    background-color: #ccabb6; 
    font-size: 123%; 
    font-family: verdana;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML finden. Weiteres zum Befehl a ist in der HTML Referenz unter <a> gezeigt.