Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray201 und Farbwert #1d1d1d

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 gray201 und Farbwert #1d1d1d

Hintergrund/Text-Kombination mit HTML-Tag fieldset

Wir ändern hier die Textfarbe von <fieldset> auf Farbwert #1d1d1d und die Hintergrundfarbe von <fieldset> auf Farbe gray201. Die Schriftart ändern wir auf arial und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  fieldset { 
    font-size: 13px; 
    font-family: arial; 
    background-color: gray201; 
    color: #1d1d1d;
  }
//-->
</style>

Weiteres zu fieldset finden Sie in Formulare in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl fieldset finden Sie in der HTML Referenz unter <fieldset>.

Text- und Unterstreichungsfarben mit Befehl h1

Mit Tag <h1> erzeugen Sie eine Überschrift der 1. Stufe und kann farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h1> auf Farbwert #1d1d1d und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial. Die Schriftgröße vergrößern wir auf 116%. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines herausstehenden Rahmens mit 4 Punkte Dicke in Farbe gray201. Das geht in HTML kaum. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  h1 { 
    font-size: 116%; 
    color: #1d1d1d; 
    border-bottom-style: outset; 
    font-family: arial; 
    border-bottom-color: gray201; 
    border-bottom-width: 4pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des HTML-Tag <h1>.