Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray110 und Farbe gray211

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 gray110 und Farbe gray211

Füllen und Umranden mit Tag hr

Hier umranden wir <hr> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe gray211 . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe gray110. In HTML ist das nicht machbar. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-color:gray211; 
    border-style:inset; 
    background-color:gray110; 
    border-width:1px;
  }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier verwendeten HTML-Tag hr finden Sie in der HTML Referenz unter <hr>.

Hintergrund/Text-Kombination mit Tag code

Hier ändern wir die Textfarbe von <code> auf Farbe gray211 und die Hintergrundfarbe von <code> auf Farbe gray110. Als Schriftart wählen wir sans-serif. Als Schriftgröße entscheiden wir uns für 9px.

<style type="text/css"><!--
  code { 
    color:gray211; 
    font-size:9px; 
    background-color:gray110; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema code erfahren Sie in Text in HTML. Beschreibung vom hier verwendeten Befehl <code>.