Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbwert #555555

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.

Hintergrundfarbwert #555555
Detail	:	Hintergrundfarbwert #555555	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#555555	#555555	#555555	#555555	#555555
Farbe	:	gray85	#6d6d6d	#6d6d6d	#484848	#484848
HTML	:	#555555	#858585	#858585	#3c3c3c	#3c3c3c
CSS	:	#555555	#9d9d9d	#9d9d9d	#303030	#303030
CSS (Wert)	:	#555555	#b6b6b6	#b6b6b6	#242424	#242424
CSS (kürzest)	:	#555	#cecece	#cecece	#181818	#181818
CSS (RGB)	:	rgb(85,85,85)	#e6e6e6	#e6e6e6	#0c0c0c	#0c0c0c
CSS (%RGB)	:	rgb(33%,33%,33%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #555555

Änderung der Textfarbe von Befehl a

Ein Verweis wird mit Tag <a> gesetzt. Er kann farblich gestaltet werden.

Wir legen z.B. Farbwert #555555 als Textfarbe von <a> fest und setzen die Größe der Schrift auf 9px:

<a style="color:#555; font-size:9px;">
Dieser Text ist in Farbwert #555555
</a>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Einzelheiten des HTML-Befehl <a>.

Änderung der Hintergrundfarbe bei Hover von Tag p

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

Zum Beispiel ändern wir bei <p> die Hintergrundfarbe auf Farbwert #555555. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  p { 
    background-color:#79348d; 
    font-family:arial;
  }
//-->
</style>

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

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

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier genutzten HTML-Befehl p ist in der HTML Referenz unter <p> ausführlich gezeigt.