Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #222222 und 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).

Beispiele zur Kombination von Farbwert #222222 und Farbwert #373737

Hintergrund/Text-Kombination bei Tag h2

Eine Überschrift setzen Sie mit HTML-Befehl <h2>. Diese kann man farblich gestalten und hervorheben.

Wir ändern für dieses Beispiel die Textfarbe von <h2> auf Farbwert #373737 und die Hintergrundfarbe von <h2> auf Farbwert #222222. Die Schriftart setzen wir auf verdana. Die Schriftgröße verringern wir auf 99%.

<style type="text/css"><!--
  h2 { 
    color: #373737; 
    font-size: 99%; 
    font-family: verdana; 
    background-color: #222222;
  }
//-->
</style>

Weiteres zu h2 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom Tag h2 lesen Sie in der HTML Referenz unter <h2>.

Text- und Unterstreichungsfarben mit Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #373737. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <code> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbwert #222222. Mit HTML ist das nicht machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  code { 
    color:#373737; 
    border-bottom:2px groove #222; 
    font-family:arial; 
    font-size:13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema können Sie in Text in HTML finden. Weiteres zum hier gezeigten Befehl <code>.