Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray102

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

Hintergrundfarbe gray102
Detail	:	Hintergrundfarbe gray102	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray102	#666666	#666666	#666666	#666666
Farbwert	:	#666666	#7b7b7b	#7b7b7b	#575757	#575757
HTML	:	gray102	#919191	#919191	#484848	#484848
CSS	:	gray102	#a7a7a7	#a7a7a7	#3a3a3a	#3a3a3a
CSS (Wert)	:	#666666	#bdbdbd	#bdbdbd	#2b2b2b	#2b2b2b
CSS (kürzest)	:	#666	#d3d3d3	#d3d3d3	#1d1d1d	#1d1d1d
CSS (RGB)	:	rgb(102,102,102)	#e9e9e9	#e9e9e9	#0e0e0e	#0e0e0e
CSS (%RGB)	:	rgb(40%,40%,40%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray102

Änderung der Textfarbe bei Hover mit HTML-Befehl center

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

<style type="text/css"><!--
  center { 
    font-family:courier new; 
    color:#4edab5;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe gray102 gesetzt wird.

<style type="text/css"><!--
  center: hover { 
    color: gray102;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten HTML-Befehl center ist in der HTML Referenz bei <center> ausführlich gezeigt.

Änderung der Textfarbe von HTML-Tag dd

Als Beispiel legen wir bei <dd> die Textfarbe auf Farbe gray102 fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift erhöhen wir auf 118%.

<dd style="font-size:118%; font-family:sans-serif; color:gray102;">
Text hat Farbe gray102
</dd>

Weiteres zu dd lesen Sie in Listen und Glossare in HTML. Der HTML-Tag dd ist in der HTML Referenz unter <dd> gezeigt.