Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray10 und Farbe gray77

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 gray10 und Farbe gray77

Hintergrund/Text-Kombination mit Tag a

Mit HTML-Tag <a> erzeugen Sie einen Link. Diesen können Sie farblich gestalten und hervorheben.

Wir ändern hier die Textfarbe von <a> auf Farbe gray77 und die Hintergrundfarbe von <a> auf Farbe gray10. Die Schriftart setzen wir auf courier new und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  a { 
    font-family:courier new; 
    color:gray77; 
    background-color:gray10; 
    font-size:13px;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum Tag a erfahren Sie in der HTML Referenz unter <a>.

Füllen und Umranden von Tag pre

Für dieses Beispiel umranden wir <pre> mit einem doppelten, 1 Pixel dicken Rahmen in Farbe gray77 . Die Hintergrundfarbe für <pre> setzen wir auf Farbe gray10. In HTML geht dies kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  pre { 
    background-color: gray10; 
    border-color: gray77; 
    border-width: 1px; 
    border-style: double;
  }
//-->
</style>

Weiteres zu pre lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier gezeigten Tag pre finden Sie in der HTML Referenz unter <pre>.