Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #000000 und Farbwert #777777

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.

Hintergrundfarbwert #000000			Schriftfarbwert #777777
Detail	:	Hintergrund #000000	Detail	:	Schrift #777777
Farbwert	:	#000000	Farbwert	:	#777777
Farbe	:	black	Farbe	:	gray119
HTML	:	#000000	HTML	:	#777777
HTML (Wert)	:	#000000	HTML (Wert)	:	#777777
CSS	:	#000000	CSS	:	#777777
CSS (Wert)	:	#000000	CSS (Wert)	:	#777777
CSS (kürzest)	:	#000	CSS (kürzest)	:	#777
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(119,119,119)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(46%,46%,46%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #777777
#000000	#111111	#222222	#333333	#444444	#555555	#666666	#777777
#000000	#111111	#222222	#333333	#444444	#555555	#666666	#777777

Kombination von #000000 und #777777
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #777777 und #000000 ergibt sich zu 77.67%. Die Lesbarkeit dieser Kombination liegt damit bei 22.33%. #777777 eignet sich nicht als Schriftfarbe auf Hintergrund #000000, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #000000				Schriftfarbwert #777777
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#777777	#777777	#777777	#777777
#242424	#242424	#000000	#000000	#8a8a8a	#8a8a8a	#666666	#666666
#484848	#484848	#000000	#000000	#9d9d9d	#9d9d9d	#555555	#555555
#6d6d6d	#6d6d6d	#000000	#000000	#b1b1b1	#b1b1b1	#444444	#444444
#919191	#919191	#000000	#000000	#c4c4c4	#c4c4c4	#333333	#333333
#b6b6b6	#b6b6b6	#000000	#000000	#d8d8d8	#d8d8d8	#222222	#222222
#dadada	#dadada	#000000	#000000	#ebebeb	#ebebeb	#111111	#111111
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #000000 und Farbwert #777777

Wechsel der Umrandung bei Hover mit Befehl cite

Die Rahmenfarbe soll sich von Farbwert #000000 auf Farbwert #777777 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <cite> in Farbwert #000000 vor.

In diesem Beispiel umranden wir <cite> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #000000.

<style type="text/css"><!--
  cite { border:2px inset #000000; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #777777 ändert.

<style type="text/css"><!--
  cite:hover { 
    border-color:#777;
  }
//-->
</style>

Mehr zum HTML-Befehl cite ist in der HTML Referenz unter <cite> genau zusammengestellt.