Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #b1b1b1

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

Hintergrundfarbwert #b1b1b1
Detail	:	Hintergrundfarbwert #b1b1b1	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#b1b1b1	#b1b1b1	#b1b1b1	#b1b1b1	#b1b1b1
Farbe	:	gray177	#bcbcbc	#bcbcbc	#979797	#979797
HTML	:	#b1b1b1	#c7c7c7	#c7c7c7	#7e7e7e	#7e7e7e
CSS	:	#b1b1b1	#d2d2d2	#d2d2d2	#656565	#656565
CSS (Wert)	:	#b1b1b1	#dddddd	#dddddd	#4b4b4b	#4b4b4b
CSS (kürzest)	:	#b1b1b1	#e8e8e8	#e8e8e8	#323232	#323232
CSS (RGB)	:	rgb(177,177,177)	#f3f3f3	#f3f3f3	#191919	#191919
CSS (%RGB)	:	rgb(69%,69%,69%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #b1b1b1

Änderung der Textfarbe bei Hover mit HTML-Tag dd

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

<style type="text/css"><!--
  dd { 
    font-family:arial; 
    color:#aca33a;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #b1b1b1 gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    color: #b1b1b1;
  }
//-->
</style>

Mehr zum Thema dd erfahren Sie in Listen und Glossare in HTML. Die Beschreibung des hier genutzten Tag dd erfahren Sie in der HTML Referenz unter <dd>.

Änderung der Hintergrundfarbe bei Befehl pre

Z.B. legen wir Farbwert #b1b1b1 als Hintergrundfarbe von <pre> fest. Die Textfarbe verändern wir nicht, ändern jedoch die Schriftart auf arial und setzen die Schriftgröße auf 13px:

<pre style="font-size:13px; background-color:#b1b1b1; font-family:arial;">
Dieser pre-Hintergrund ist in Farbwert #b1b1b1
</pre>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Beschreibung vom hier gezeigten HTML-Tag <pre>.