Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #d2d2d2 und Farbe gray106

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 Farbwert #d2d2d2 und Farbe gray106

Hintergrund/Text-Kombination bei HTML-Tag h2

Eine Überschrift der 2. Stufe wird mit HTML-Befehl <h2> erzeugt. Diese können Sie hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h2> auf Farbe gray106 und die Hintergrundfarbe von <h2> auf Farbwert #d2d2d2. Die Schriftart setzen wir auf sans-serif. Als Schriftgröße setzen wir 111%.

<style type="text/css"><!--
  h2 { 
    font-family: sans-serif; 
    color: gray106; 
    background-color: #d2d2d2; 
    font-size: 111%;
  }
//-->
</style>

Mehr zu h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der hier genutzte HTML-Tag h2 ist in der HTML Referenz bei <h2> zusammengestellt.

Füllen und Umranden mit Tag blockquote

Hier umranden wir <blockquote> mit einem . Die Hintergrundfarbe für <blockquote> setzen wir entsprechend auf Farbwert #d2d2d2. Dies ist in HTML so kaum möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  blockquote { 
    border-style: ridge; 
    border-color: gray106; 
    border-width: 5px; 
    background-color: #d2d2d2;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Die Beschreibung des hier genutzten HTML-Befehl blockquote finden Sie in der HTML Referenz unter <blockquote>.