Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #bfbfbf und Farbe gray104

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

Hintergrundfarbwert #bfbfbf			Schriftfarbe gray104
Detail	:	Hintergrund #bfbfbf	Detail	:	Schrift gray104
Farbwert	:	#bfbfbf	Farbe	:	gray104
Farbe	:	gray191	Farbwert	:	#686868
HTML	:	#bfbfbf	HTML	:	gray104
HTML (Wert)	:	#bfbfbf	HTML (Wert)	:	#686868
CSS	:	#bfbfbf	CSS	:	gray104
CSS (Wert)	:	#bfbfbf	CSS (Wert)	:	#686868
CSS (kürzest)	:	#bfbfbf	CSS (kürzest)	:	#686868
CSS (RGB)	:	rgb(191,191,191)	CSS (RGB)	:	rgb(104,104,104)
CSS (%RGB)	:	rgb(74%,74%,74%)	CSS (%RGB)	:	rgb(40%,40%,40%)

Verlauf Hintergrundfarbwert #bfbfbf nach Schriftfarbe gray104
#bfbfbf	#b2b2b2	#a6a6a6	#999999	#8d8d8d	#808080	#747474	#686868
#bfbfbf	#b2b2b2	#a6a6a6	#999999	#8d8d8d	#808080	#747474	#686868

Kombination von #bfbfbf und gray104
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #bfbfbf ist gray104 ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben gray104 und #bfbfbf ergibt sich zu 85.57%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.43%.

Hintergrundfarbwert #bfbfbf				Schriftfarbe gray104
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bfbfbf	#bfbfbf	#bfbfbf	#bfbfbf	#686868	#686868	#686868	#686868
#c8c8c8	#c8c8c8	#a3a3a3	#a3a3a3	#7d7d7d	#7d7d7d	#595959	#595959
#d1d1d1	#d1d1d1	#888888	#888888	#939393	#939393	#4a4a4a	#4a4a4a
#dadada	#dadada	#6d6d6d	#6d6d6d	#a8a8a8	#a8a8a8	#3b3b3b	#3b3b3b
#e3e3e3	#e3e3e3	#515151	#515151	#bebebe	#bebebe	#2c2c2c	#2c2c2c
#ececec	#ececec	#363636	#363636	#d3d3d3	#d3d3d3	#1d1d1d	#1d1d1d
#f5f5f5	#f5f5f5	#1b1b1b	#1b1b1b	#e9e9e9	#e9e9e9	#0e0e0e	#0e0e0e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #bfbfbf und Farbe gray104

Wechsel der Hintergrundfarbe bei Hover bei Tag span

Die Hintergrundfarbe soll sich von Farbwert #bfbfbf auf Farbe gray104 ändern, wenn man mit der Maus auf <span> zeigt. Bereiten wir zunächst eine Darstellung von <span> in Farbwert #bfbfbf vor.

Hier legen wir Farbwert #bfbfbf als Hintergrundfarbe von <span> fest. Die Schriftgröße setzen wir auf 13px:

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf gray104 gesetzt wird.

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

Beschreibung des hier verwendeten Tag <span>.