Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbe gray221

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.

Hintergrundfarbe gray221
Detail	:	Hintergrundfarbe gray221	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray221	#dddddd	#dddddd	#dddddd	#dddddd
Farbwert	:	#dddddd	#e1e1e1	#e1e1e1	#bdbdbd	#bdbdbd
HTML	:	gray221	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
CSS	:	gray221	#ebebeb	#ebebeb	#7e7e7e	#7e7e7e
CSS (Wert)	:	#dddddd	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
CSS (kürzest)	:	#ddd	#f5f5f5	#f5f5f5	#3f3f3f	#3f3f3f
CSS (RGB)	:	rgb(221,221,221)	#fafafa	#fafafa	#1f1f1f	#1f1f1f
CSS (%RGB)	:	rgb(86%,86%,86%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray221

Änderung der Textfarbe bei Hover bei HTML-Tag li

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

<style type="text/css"><!--
  li { 
    font-size:13px; 
    font-family:monospace; 
    color:#2235b7;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe gray221 gesetzt wird.

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

Weiteres zu li lesen Sie in Listen und Glossare in HTML. Weiteres zum hier genutzten HTML-Tag li ist in der HTML Referenz bei <li> ausführlich beschrieben.

Umrandung bei Befehl strong

In diesem Beispiel umranden wir <strong> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe gray221. Dies geht mit HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  strong { 
    border-color: gray221; 
    border-style: ridge; 
    border-width: 4px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Mehr zum hier genutzten Befehl <strong>.