Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray85 und Farbe gray19

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 gray85 und Farbe gray19

Füllen und Umranden bei Tag a

Ein Link wird mit Befehl <a> gesetzt. Diesen kann man farblich gestalten und hervorheben.

In diesem Beispiel umranden wir <a> mit einem gezahnten, 2 Pixel dicken Rahmen in Farbe gray19 . Den Hintergrund von <a> färben wir entsprechend mit Farbe gray85. Mit HTML geht das kaum. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  a { 
    border-color:gray19; 
    border-width:2px; 
    border-style:ridge; 
    background-color:gray85;
  }
//-->
</style>

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des hier genutzten HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Tag p

Hier ändern wir die Textfarbe von <p> auf Farbe gray19 und die Hintergrundfarbe von <p> auf Farbe gray85. Als Schriftart wählen wir verdana. Als Schriftgröße wählen wir 88%.

<style type="text/css"><!--
  p { 
    font-size:88%; 
    font-family:verdana; 
    color:gray19; 
    background-color:gray85;
  }
//-->
</style>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl <p>.