Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray188

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 gray188
Detail	:	Hintergrundfarbe gray188	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray188	#bcbcbc	#bcbcbc	#bcbcbc	#bcbcbc
Farbwert	:	#bcbcbc	#c5c5c5	#c5c5c5	#a1a1a1	#a1a1a1
HTML	:	gray188	#cfcfcf	#cfcfcf	#868686	#868686
CSS	:	gray188	#d8d8d8	#d8d8d8	#6b6b6b	#6b6b6b
CSS (Wert)	:	#bcbcbc	#e2e2e2	#e2e2e2	#505050	#505050
CSS (kürzest)	:	#bcbcbc	#ebebeb	#ebebeb	#353535	#353535
CSS (RGB)	:	rgb(188,188,188)	#f5f5f5	#f5f5f5	#1a1a1a	#1a1a1a
CSS (%RGB)	:	rgb(73%,73%,73%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray188

Änderung der Hintergrundfarbe mit Tag pre

Wir legen hier Farbe gray188 als Hintergrundfarbe von <pre> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana und setzen die Schriftgröße auf 92%:

<style type="text/css"><!--
  pre { 
    font-family:verdana; 
    font-size:92%; 
    background-color:gray188;
  }
//-->
</style>

Weiteres zu pre lesen Sie in Blockorientierte Elemente in HTML. Der HTML-Befehl pre ist in der HTML Referenz unter <pre> ausführlich gezeigt.

Änderung der Hintergrundfarbe bei Hover von Befehl h1

Mit HTML-Befehl <h1> wird eine Überschrift der 1. Stufe erzeugt. Diese können Sie farblich gestalten und hervorheben.

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

Dafür stellen wir <h1> so ein, dass bei Mausberührung die Hintergrundfarbe auf Farbe gray188 geändert wird.

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

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.