Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray119 und Farbwert #111111

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbe gray119			Schriftfarbwert #111111
Detail	:	Hintergrund gray119	Detail	:	Schrift #111111
Farbe	:	gray119	Farbwert	:	#111111
Farbwert	:	#777777	Farbe	:	gray17
HTML	:	gray119	HTML	:	#111111
HTML (Wert)	:	#777777	HTML (Wert)	:	#111111
CSS	:	gray119	CSS	:	#111111
CSS (Wert)	:	#777777	CSS (Wert)	:	#111111
CSS (kürzest)	:	#777	CSS (kürzest)	:	#111
CSS (RGB)	:	rgb(119,119,119)	CSS (RGB)	:	rgb(17,17,17)
CSS (%RGB)	:	rgb(46%,46%,46%)	CSS (%RGB)	:	rgb(6%,6%,6%)

Verlauf Hintergrundfarbe gray119 nach Schriftfarbwert #111111
#777777	#686868	#595959	#4b4b4b	#3c3c3c	#2e2e2e	#1f1f1f	#111111
#777777	#686868	#595959	#4b4b4b	#3c3c3c	#2e2e2e	#1f1f1f	#111111

Kombination von gray119 und #111111
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#111111 ist nicht als Schriftfarbe auf Hintergrund gray119 geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #111111 und gray119 ergibt sich zu 79.92%. Die Lesbarkeit dieser Kombination liegt damit bei 20.08%.

Hintergrundfarbe gray119				Schriftfarbwert #111111
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#777777	#777777	#777777	#777777	#111111	#111111	#111111	#111111
#8a8a8a	#8a8a8a	#666666	#666666	#333333	#333333	#0e0e0e	#0e0e0e
#9d9d9d	#9d9d9d	#555555	#555555	#555555	#555555	#0c0c0c	#0c0c0c
#b1b1b1	#b1b1b1	#444444	#444444	#777777	#777777	#090909	#090909
#c4c4c4	#c4c4c4	#333333	#333333	#999999	#999999	#070707	#070707
#d8d8d8	#d8d8d8	#222222	#222222	#bbbbbb	#bbbbbb	#040404	#040404
#ebebeb	#ebebeb	#111111	#111111	#dddddd	#dddddd	#020202	#020202
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe gray119 und Farbwert #111111

Wechsel der Textfarbe bei Hover mit HTML-Befehl strike

Die Textfarbe soll sich von Farbe gray119 auf Farbwert #111111 ändern, wenn man mit der Maus auf <strike> zeigt. Bereiten wir zunächst die Darstellung von <strike> in Farbe gray119 vor.

Hier legen wir Farbe gray119 als Textfarbe von <strike> fest.

<style type="text/css"><!--
  strike { 
    color: gray119;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #111111 ändert.

<style type="text/css"><!--
  strike: hover { 
    color: #111;
  }
//-->
</style>

Weiteres zu strike können Sie in Text in HTML lesen. Einzelheiten vom Befehl <strike>.