Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray248 und Farbe gray233

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 gray248 und Farbe gray233

Hintergrund/Text-Kombination mit Tag h1

Eine Überschrift der 1. Stufe erzeugen Sie mit Befehl <h1>. Sie kann farblich gestaltet werden.

Wir ändern für dieses Beispiel die Textfarbe von <h1> auf Farbe gray233 und die Hintergrundfarbe von <h1> auf Farbe gray248. Die Schriftart setzen wir auf arial. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  h1 { 
    background-color: gray248; 
    color: gray233; 
    font-size: 96%; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier gezeigten HTML-Befehl <h1>.

Füllen und Umranden mit Tag strike

In diesem Beispiel umranden wir <strike> mit einem doppelten, 3 Punkte dicken Rahmen in Farbe gray233 . Die Hintergrundfarbe für <strike> färben wir entsprechend mit Farbe gray248. Das geht mit HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  strike { 
    border-color: gray233; 
    border-style: double; 
    border-width: 3pt; 
    background-color: gray248;
  }
//-->
</style>

Mehr zum Thema strike erfahren Sie in Text in HTML. Einzelheiten vom hier genutzten Befehl strike sind in der HTML Referenz unter <strike> genau zusammengestellt.