Ressourcen: 16 Graustufen in HTML - Kombinationen mit 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 #777777
Detail	:	Hintergrundfarbwert #777777	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#777777	#777777	#777777	#777777	#777777
Farbe	:	gray119	#8a8a8a	#8a8a8a	#666666	#666666
HTML	:	#777777	#9d9d9d	#9d9d9d	#555555	#555555
CSS	:	#777777	#b1b1b1	#b1b1b1	#444444	#444444
CSS (Wert)	:	#777777	#c4c4c4	#c4c4c4	#333333	#333333
CSS (kürzest)	:	#777	#d8d8d8	#d8d8d8	#222222	#222222
CSS (RGB)	:	rgb(119,119,119)	#ebebeb	#ebebeb	#111111	#111111
CSS (%RGB)	:	rgb(46%,46%,46%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #777777

Änderung der Textfarbe bei Hover bei Tag p

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <p> so ein, dass sich bei Hover die Textfarbe auf Farbwert #777777 ändert.

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

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des Tag p erfahren Sie in der HTML Referenz unter <p>.

Änderung der Hintergrundfarbe bei HTML-Tag blockquote

Wir setzen z.B. bei <blockquote> die Hintergrundfarbe auf Farbwert #777777. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf sans-serif:

<style type="text/css"><!--
  blockquote { 
    background-color:#777777; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten vom Befehl blockquote sind in der HTML Referenz bei <blockquote> genau zusammengestellt.