Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray211

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 gray211
Detail	:	Hintergrundfarbe gray211	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray211	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
Farbwert	:	#d3d3d3	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
HTML	:	gray211	#dfdfdf	#dfdfdf	#969696	#969696
CSS	:	gray211	#e5e5e5	#e5e5e5	#787878	#787878
CSS (Wert)	:	#d3d3d3	#ececec	#ececec	#5a5a5a	#5a5a5a
CSS (kürzest)	:	#d3d3d3	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
CSS (RGB)	:	rgb(211,211,211)	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
CSS (%RGB)	:	rgb(82%,82%,82%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray211

Änderung der Textfarbe bei Befehl a

Mit Tag <a> erzeugen Sie einen Link. Dieser kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel legen wir bei <a> die Textfarbe auf Farbe gray211 fest:

<a style="color:gray211;">
a-Text hat Farbe gray211
</a>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML finden. Einzelheiten vom hier gezeigten Befehl a lesen Sie in der HTML Referenz unter <a>.

Änderung der Hintergrundfarbe bei Hover bei HTML-Befehl h5

Mit HTML-Tag <h5> wird eine Überschrift gesetzt. Diese kann farblich gestaltet werden.

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

Wir legen in diesem Beispiel Farbe gray211 als Hintergrundfarbe von <h5> fest. Die Schriftgröße verringern wir auf 90%:

<style type="text/css"><!--
  h5 { 
    font-size: 90%; 
    background-color: #1a2075;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe gray211 gesetzt wird.

<style type="text/css"><!--
  h5: hover { 
    background-color: gray211;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag h5 erfahren Sie in der HTML Referenz unter <h5>.