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

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 #373737
Detail	:	Hintergrundfarbwert #373737	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#373737	#373737	#373737	#373737	#373737
Farbe	:	gray55	#535353	#535353	#2f2f2f	#2f2f2f
HTML	:	#373737	#707070	#707070	#272727	#272727
CSS	:	#373737	#8c8c8c	#8c8c8c	#1f1f1f	#1f1f1f
CSS (Wert)	:	#373737	#a9a9a9	#a9a9a9	#171717	#171717
CSS (kürzest)	:	#373737	#c5c5c5	#c5c5c5	#0f0f0f	#0f0f0f
CSS (RGB)	:	rgb(55,55,55)	#e2e2e2	#e2e2e2	#070707	#070707
CSS (%RGB)	:	rgb(21%,21%,21%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #373737

Umrandung von Befehl input

In diesem Beispiel umranden wir <input> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #373737. Dies geht in HTML nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  input { border:5px dashed #373737; }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML lesen. Beschreibung des hier verwendeten HTML-Befehl <input>.

Änderung der Textfarbe bei Hover bei HTML-Tag span

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

<style type="text/css"><!--
  span { 
    color:#11412f;
  }
//-->
</style>

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

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

Weiteres zum Tag span ist in der HTML Referenz bei <span> beschrieben.