Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbwert #333333

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbwert #333333
Detail	:	Hintergrundfarbwert #333333	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#333333	#333333	#333333	#333333	#333333
Farbe	:	gray51	#505050	#505050	#2b2b2b	#2b2b2b
HTML	:	#333333	#6d6d6d	#6d6d6d	#242424	#242424
CSS	:	#333333	#8a8a8a	#8a8a8a	#1d1d1d	#1d1d1d
CSS (Wert)	:	#333333	#a7a7a7	#a7a7a7	#151515	#151515
CSS (kürzest)	:	#333	#c4c4c4	#c4c4c4	#0e0e0e	#0e0e0e
CSS (RGB)	:	rgb(51,51,51)	#e1e1e1	#e1e1e1	#070707	#070707
CSS (%RGB)	:	rgb(20%,20%,20%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #333333

Umrandung mit Tag hr

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #333333. Dies ist mit HTML kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:5px inset #333; }
//-->
</style>

Mehr zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom hier verwendeten Befehl hr erfahren Sie in der HTML Referenz unter <hr>.

Änderung der Textfarbe bei Hover mit HTML-Befehl tr

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

Dafür stellen wir <tr> so ein, dass bei Berührung mit der Maus die Textfarbe auf Farbwert #333333 geändert wird.

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

Mehr zum Thema tr können Sie in Tabellen in HTML finden. Möglichkeiten vom hier verwendeten Befehl tr sind in der HTML Referenz bei <tr> gezeigt.