Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray22

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).

Hintergrundfarbe gray22
Detail	:	Hintergrundfarbe gray22	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray22	#161616	#161616	#161616	#161616
Farbwert	:	#161616	#373737	#373737	#121212	#121212
HTML	:	gray22	#585858	#585858	#0f0f0f	#0f0f0f
CSS	:	gray22	#797979	#797979	#0c0c0c	#0c0c0c
CSS (Wert)	:	#161616	#9b9b9b	#9b9b9b	#090909	#090909
CSS (kürzest)	:	#161616	#bcbcbc	#bcbcbc	#060606	#060606
CSS (RGB)	:	rgb(22,22,22)	#dddddd	#dddddd	#030303	#030303
CSS (%RGB)	:	rgb(8%,8%,8%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray22

Änderung der Hintergrundfarbe mit Befehl h6

Mit Tag <h6> erzeugen Sie eine Überschrift. Diese kann farblich gestaltet werden.

Wir setzen z.B. bei <h6> die Hintergrundfarbe auf Farbe gray22. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new:

<h6 style="background-color:gray22; font-family:courier new;">
h6-Hintergrund ist in Farbe gray22
</h6>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Tag <h6>.

Änderung der Unterstreichung bei Hover von Befehl a

Mit Befehl <a> setzen Sie einen Verweis. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

<style type="text/css"><!--
  a { 
    border-bottom-color: #488e2f; 
    border-bottom-style: ridge; 
    border-bottom-width: 4px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbe gray22 gesetzt wird.

<style type="text/css"><!--
  a: hover { 
    border-bottom-color: gray22;
  }
//-->
</style>

Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie das bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "normale" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom hier verwendeten Befehl a erfahren Sie in der HTML Referenz unter <a>.