Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray236 und Farbe gray32

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 gray236 und Farbe gray32

Füllen und Umranden mit HTML-Tag hr

Bei diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe gray32 . Die Hintergrundfarbe für <hr> färben wir mit Farbe gray236. In HTML ist das nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { 
    border-color: gray32; 
    background-color: gray236; 
    border-style: groove; 
    border-width: 1px;
  }
//-->
</style>

Weiteres zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des Befehl hr finden Sie in der HTML Referenz unter <hr>.

Hintergrund/Text-Kombination mit HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe gray32 und die Hintergrundfarbe von <p> auf Farbe gray236. Als Schriftart wählen wir sans-serif und setzen die Schriftgröße auf 9pt.

<style type="text/css"><!--
  p { 
    color:gray32; 
    font-family:sans-serif; 
    font-size:9pt; 
    background-color:gray236;
  }
//-->
</style>

Weiteres zum Thema p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag <p>.