Ressourcen: 256 Graustufen in HTML - Kombination von Farbe gray35 und Farbe gray44

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 gray35			Schriftfarbe gray44
Detail	:	Hintergrund gray35	Detail	:	Schrift gray44
Farbe	:	gray35	Farbe	:	gray44
Farbwert	:	#232323	Farbwert	:	#2c2c2c
HTML	:	gray35	HTML	:	gray44
HTML (Wert)	:	#232323	HTML (Wert)	:	#2c2c2c
CSS	:	gray35	CSS	:	gray44
CSS (Wert)	:	#232323	CSS (Wert)	:	#2c2c2c
CSS (kürzest)	:	#232323	CSS (kürzest)	:	#2c2c2c
CSS (RGB)	:	rgb(35,35,35)	CSS (RGB)	:	rgb(44,44,44)
CSS (%RGB)	:	rgb(13%,13%,13%)	CSS (%RGB)	:	rgb(17%,17%,17%)

Verlauf Hintergrundfarbe gray35 nach Schriftfarbe gray44
#232323	#242424	#252525	#262626	#282828	#292929	#2a2a2a	#2c2c2c
#232323	#242424	#252525	#262626	#282828	#292929	#2a2a2a	#2c2c2c

Kombination von gray35 und gray44
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund gray35 ist gray44 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben gray44 und gray35 ergibt sich zu 94.64%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.36%.

Hintergrundfarbe gray35				Schriftfarbe gray44
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#232323	#232323	#232323	#232323	#2c2c2c	#2c2c2c	#2c2c2c	#2c2c2c
#424242	#424242	#1e1e1e	#1e1e1e	#4a4a4a	#4a4a4a	#252525	#252525
#616161	#616161	#191919	#191919	#686868	#686868	#1f1f1f	#1f1f1f
#818181	#818181	#141414	#141414	#868686	#868686	#191919	#191919
#a0a0a0	#a0a0a0	#0f0f0f	#0f0f0f	#a4a4a4	#a4a4a4	#121212	#121212
#c0c0c0	#c0c0c0	#0a0a0a	#0a0a0a	#c2c2c2	#c2c2c2	#0c0c0c	#0c0c0c
#dfdfdf	#dfdfdf	#050505	#050505	#e0e0e0	#e0e0e0	#060606	#060606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gray35 und Farbe gray44

Wechsel der Hintergrundfarbe bei Hover mit Tag tbody

Die Hintergrundfarbe soll sich von Farbe gray35 auf Farbe gray44 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tbody> in Farbe gray35 vor.

Wir legen z.B. Farbe gray35 als Hintergrundfarbe von <tbody> fest und ändern die Größe der Schrift auf 13pt.

<style type="text/css"><!--
  tbody { 
    font-size:13pt; 
    background-color:gray35;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf gray44 geändert wird.

<style type="text/css"><!--
  tbody:hover { 
    background-color:gray44;
  }
//-->
</style>

Mehr zum Thema tbody können Sie in Tabellen in HTML nachsehen. Der hier genutzte Befehl tbody ist in der HTML Referenz bei <tbody> ausführlich zusammengestellt.

Füllen und Umranden von HTML-Tag iframe

Hier umranden wir <iframe> mit einem . Den Hintergrund von <iframe> färben wir mit Farbe gray35. Dies geht mit HTML kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  iframe { border:3px outset gray44; background-color:gray35; }
//-->
</style>

Möglichkeiten des HTML-Tag iframe sind in der HTML Referenz bei <iframe> ausführlich zusammengestellt.