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

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 #cccccc
Detail	:	Hintergrund gray119	Detail	:	Schrift #cccccc
Farbe	:	gray119	Farbwert	:	#cccccc
Farbwert	:	#777777	Farbe	:	gray204
HTML	:	gray119	HTML	:	#cccccc
HTML (Wert)	:	#777777	HTML (Wert)	:	#cccccc
CSS	:	gray119	CSS	:	#cccccc
CSS (Wert)	:	#777777	CSS (Wert)	:	#cccccc
CSS (kürzest)	:	#777	CSS (kürzest)	:	#ccc
CSS (RGB)	:	rgb(119,119,119)	CSS (RGB)	:	rgb(204,204,204)
CSS (%RGB)	:	rgb(46%,46%,46%)	CSS (%RGB)	:	rgb(80%,80%,80%)

Verlauf Hintergrundfarbe gray119 nach Schriftfarbwert #cccccc
#777777	#838383	#8f8f8f	#9b9b9b	#a7a7a7	#b3b3b3	#bfbfbf	#cccccc
#777777	#838383	#8f8f8f	#9b9b9b	#a7a7a7	#b3b3b3	#bfbfbf	#cccccc

Kombination von gray119 und #cccccc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund gray119 ist #cccccc ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #cccccc und gray119 beträgt 86.72%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.28%.

Hintergrundfarbe gray119				Schriftfarbwert #cccccc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#777777	#777777	#777777	#777777	#cccccc	#cccccc	#cccccc	#cccccc
#8a8a8a	#8a8a8a	#666666	#666666	#d3d3d3	#d3d3d3	#aeaeae	#aeaeae
#9d9d9d	#9d9d9d	#555555	#555555	#dadada	#dadada	#919191	#919191
#b1b1b1	#b1b1b1	#444444	#444444	#e1e1e1	#e1e1e1	#747474	#747474
#c4c4c4	#c4c4c4	#333333	#333333	#e9e9e9	#e9e9e9	#575757	#575757
#d8d8d8	#d8d8d8	#222222	#222222	#f0f0f0	#f0f0f0	#3a3a3a	#3a3a3a
#ebebeb	#ebebeb	#111111	#111111	#f7f7f7	#f7f7f7	#1d1d1d	#1d1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe gray119 und Farbwert #cccccc

Wechsel der Hintergrundfarbe bei Hover mit Tag strike

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

Wir legen für dieses Beispiel Farbe gray119 als Hintergrundfarbe von <strike> fest und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  strike { 
    background-color: gray119; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #cccccc geändert wird.

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

Mehr zum Thema können Sie in Text in HTML lesen. Einzelheiten vom Tag strike lesen Sie in der HTML Referenz unter <strike>.