Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray38

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

Hintergrundfarbe gray38
Detail	:	Hintergrundfarbe gray38	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray38	#262626	#262626	#262626	#262626
Farbwert	:	#262626	#454545	#454545	#202020	#202020
HTML	:	gray38	#646464	#646464	#1b1b1b	#1b1b1b
CSS	:	gray38	#838383	#838383	#151515	#151515
CSS (Wert)	:	#262626	#a2a2a2	#a2a2a2	#101010	#101010
CSS (kürzest)	:	#262626	#c1c1c1	#c1c1c1	#0a0a0a	#0a0a0a
CSS (RGB)	:	rgb(38,38,38)	#e0e0e0	#e0e0e0	#050505	#050505
CSS (%RGB)	:	rgb(14%,14%,14%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray38

Änderung der Textfarbe bei Hover von HTML-Befehl samp

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

Dafür stellen wir <samp> so ein, dass bei Hover die Textfarbe auf Farbe gray38 gesetzt wird.

<style type="text/css"><!--
  samp: hover { 
    color: gray38;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Text in HTML. Möglichkeiten vom hier gezeigten Tag samp sind in der HTML Referenz unter <samp> ausführlich beschrieben.

Umrandung mit HTML-Tag img

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe gray38. Dies ist mit HTML kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  img { 
    border-style: inset; 
    border-color: gray38; 
    border-width: 4px;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grafik in HTML. Möglichkeiten vom hier verwendeten HTML-Tag img finden Sie in der HTML Referenz unter <img>.