Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #3f3f3f

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 #3f3f3f
Detail	:	Hintergrundfarbwert #3f3f3f	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#3f3f3f	#3f3f3f	#3f3f3f	#3f3f3f	#3f3f3f
Farbe	:	gray63	#5a5a5a	#5a5a5a	#363636	#363636
HTML	:	#3f3f3f	#757575	#757575	#2d2d2d	#2d2d2d
CSS	:	#3f3f3f	#919191	#919191	#242424	#242424
CSS (Wert)	:	#3f3f3f	#acacac	#acacac	#1b1b1b	#1b1b1b
CSS (kürzest)	:	#3f3f3f	#c8c8c8	#c8c8c8	#121212	#121212
CSS (RGB)	:	rgb(63,63,63)	#e3e3e3	#e3e3e3	#090909	#090909
CSS (%RGB)	:	rgb(24%,24%,24%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #3f3f3f

Änderung der Hintergrundfarbe bei Hover mit Tag var

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

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

<style type="text/css"><!--
  var:hover { 
    background-color:#3f3f3f;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum hier genutzten HTML-Befehl <var>.

Umrandung bei HTML-Befehl fieldset

In diesem Beispiel umranden wir <fieldset> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #3f3f3f. Das ist mit HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  fieldset { 
    border-width: 3px; 
    border-style: inset; 
    border-color: #3f3f3f;
  }
//-->
</style>

Weiteres zum Thema fieldset können Sie in Formulare in HTML finden. Die Beschreibung des HTML-Befehl fieldset erfahren Sie in der HTML Referenz unter <fieldset>.