Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray200 und Farbwert #8f8f8f

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 gray200 und Farbwert #8f8f8f

Füllen und Umranden bei Tag a

Mit HTML-Tag <a> wird ein Link erzeugt. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem herausstehenden, 2 Punkte dicken Rahmen in Farbwert #8f8f8f . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbe gray200. Mit HTML ist dies nicht machbar. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-color:#8f8f8f; 
    background-color:gray200; 
    border-width:2pt; 
    border-style:outset;
  }
//-->
</style>

Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit Tag p

Bei diesem Beispiel ändern wir die Textfarbe von <p> auf Farbwert #8f8f8f und die Hintergrundfarbe von <p> auf Farbe gray200. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße wählen wir 99%.

<style type="text/css"><!--
  p { 
    background-color:gray200; 
    font-family:sans-serif; 
    font-size:99%; 
    color:#8f8f8f;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier genutzten HTML-Tag p ist in der HTML Referenz bei <p> ausführlich gezeigt.