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

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 #bcbcbc
Detail	:	Hintergrundfarbwert #bcbcbc	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#bcbcbc	#bcbcbc	#bcbcbc	#bcbcbc	#bcbcbc
Farbe	:	gray188	#c5c5c5	#c5c5c5	#a1a1a1	#a1a1a1
HTML	:	#bcbcbc	#cfcfcf	#cfcfcf	#868686	#868686
CSS	:	#bcbcbc	#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 Farbwert #bcbcbc

Änderung der Hintergrundfarbe mit Tag pre

Zum Beispiel ändern wir bei <pre> die Hintergrundfarbe auf Farbwert #bcbcbc. Die Größe der Schrift verkleinern wir auf 96%.

<pre style="background-color:#bcbcbc; font-size:96%;">
pre-Hintergrund ist in Farbwert #bcbcbc
</pre>

Weiteres zum Thema pre können Sie in Blockorientierte Elemente in HTML finden. Einzelheiten vom Befehl pre erfahren Sie in der HTML Referenz unter <pre>.

Änderung der Hintergrundfarbe bei Hover von Tag code

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

Dafür stellen wir <code> so ein, dass sich bei Hover die Hintergrundfarbe auf Farbwert #bcbcbc ändert.

<style type="text/css"><!--
  code: hover { 
    background-color: #bcbcbc;
  }
//-->
</style>

Weiteres zu code lesen Sie in Text in HTML. Weiteres zum Tag <code>.