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

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 #dedede
Detail	:	Hintergrundfarbwert #dedede	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#dedede	#dedede	#dedede	#dedede	#dedede
Farbe	:	gray222	#e2e2e2	#e2e2e2	#bebebe	#bebebe
HTML	:	#dedede	#e7e7e7	#e7e7e7	#9e9e9e	#9e9e9e
CSS	:	#dedede	#ececec	#ececec	#7e7e7e	#7e7e7e
CSS (Wert)	:	#dedede	#f0f0f0	#f0f0f0	#5f5f5f	#5f5f5f
CSS (kürzest)	:	#dedede	#f5f5f5	#f5f5f5	#3f3f3f	#3f3f3f
CSS (RGB)	:	rgb(222,222,222)	#fafafa	#fafafa	#1f1f1f	#1f1f1f
CSS (%RGB)	:	rgb(87%,87%,87%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #dedede

Änderung der Textfarbe bei Hover von Befehl a

Mit Tag <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet werden.

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

<style type="text/css"><!--
  a { 
    color:#124f21; 
    font-family:arial; 
    font-size:95S%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #dedede gesetzt wird.

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

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Der Befehl a ist in der HTML Referenz bei <a> beschrieben.

Änderung der Hintergrundfarbe bei HTML-Befehl address

Wir legen z.B. Farbwert #dedede als Hintergrundfarbe von <address> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 113%.

<address style="background-color:#dedede; font-family:arial; font-size:113%;">
Dieser address-Hintergrund hat Farbwert #dedede
</address>

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Der HTML-Tag address ist in der HTML Referenz unter <address> genau zusammengestellt.