Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray56

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 gray56
Detail	:	Hintergrundfarbe gray56	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray56	#383838	#383838	#383838	#383838
Farbwert	:	#383838	#545454	#545454	#303030	#303030
HTML	:	gray56	#707070	#707070	#282828	#282828
CSS	:	gray56	#8d8d8d	#8d8d8d	#202020	#202020
CSS (Wert)	:	#383838	#a9a9a9	#a9a9a9	#181818	#181818
CSS (kürzest)	:	#383838	#c6c6c6	#c6c6c6	#101010	#101010
CSS (RGB)	:	rgb(56,56,56)	#e2e2e2	#e2e2e2	#080808	#080808
CSS (%RGB)	:	rgb(21%,21%,21%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray56

Änderung der Textfarbe mit HTML-Tag dfn

Wir setzen z.B. bei <dfn> die Textfarbe auf Farbe gray56.

<style type="text/css"><!--
  dfn { 
    color:gray56;
  }
//-->
</style>

Weiteres zum Thema dfn können Sie in Text in HTML nachsehen. Weiteres zum hier verwendeten Tag dfn ist in der HTML Referenz bei <dfn> ausführlich gezeigt.

Änderung der Unterstreichung bei Hover bei Tag cite

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

<style type="text/css"><!--
  cite { border-bottom:5px ridge #59545b; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbe gray56 gesetzt wird.

<style type="text/css"><!--
  cite: hover { 
    border-bottom-color: gray56;
  }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sehen Sie das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zum Befehl cite finden Sie in der HTML Referenz unter <cite>.