Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray20 und Farbe gray16

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 Farbe gray20 und Farbe gray16

Hintergrund/Text-Kombination bei Tag p

Für dieses Beispiel ändern wir die Textfarbe von <p> auf Farbe gray16 und die Hintergrundfarbe von <p> auf Farbe gray20. Als Schriftart setzen wir courier new und als Schriftgröße setzen wir 113%.

<style type="text/css"><!--
  p { 
    color: gray16; 
    background-color: gray20; 
    font-size: 113%; 
    font-family: courier new;
  }
//-->
</style>

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Tag p ist in der HTML Referenz bei <p> genau gezeigt.

Text- und Unterstreichungsfarben von Befehl h3

Mit Tag <h3> erzeugen Sie eine Überschrift der 3. Stufe. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbe gray16 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 116%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbe gray20. Mit HTML geht dies nicht. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  h3 { 
    border-bottom: 3px dotted gray20; 
    font-family: courier new; 
    font-size: 116%; 
    color: gray16;
  }
//-->
</style>

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

Mehr zu h3 können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung des hier gezeigten HTML-Tag h3 lesen Sie in der HTML Referenz unter <h3>.