Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray185

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 gray185
Detail	:	Hintergrundfarbe gray185	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray185	#b9b9b9	#b9b9b9	#b9b9b9	#b9b9b9
Farbwert	:	#b9b9b9	#c3c3c3	#c3c3c3	#9e9e9e	#9e9e9e
HTML	:	gray185	#cdcdcd	#cdcdcd	#848484	#848484
CSS	:	gray185	#d7d7d7	#d7d7d7	#696969	#696969
CSS (Wert)	:	#b9b9b9	#e1e1e1	#e1e1e1	#4f4f4f	#4f4f4f
CSS (kürzest)	:	#b9b9b9	#ebebeb	#ebebeb	#343434	#343434
CSS (RGB)	:	rgb(185,185,185)	#f5f5f5	#f5f5f5	#1a1a1a	#1a1a1a
CSS (%RGB)	:	rgb(72%,72%,72%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray185

Änderung der Hintergrundfarbe bei HTML-Befehl address

Wir legen zum Beispiel die Hintergrundfarbe von <address> auf Farbe gray185 fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  address { 
    font-family: sans-serif; 
    background-color: gray185; 
    font-size: 9pt;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Tag address finden Sie in der HTML Referenz unter <address>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Tag blockquote

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <blockquote> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe gray185 geändert wird.

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

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.