Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray78

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

Hintergrundfarbe gray78
Detail	:	Hintergrundfarbe gray78	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray78	#4e4e4e	#4e4e4e	#4e4e4e	#4e4e4e
Farbwert	:	#4e4e4e	#676767	#676767	#424242	#424242
HTML	:	gray78	#808080	#808080	#373737	#373737
CSS	:	gray78	#999999	#999999	#2c2c2c	#2c2c2c
CSS (Wert)	:	#4e4e4e	#b3b3b3	#b3b3b3	#212121	#212121
CSS (kürzest)	:	#4e4e4e	#cccccc	#cccccc	#161616	#161616
CSS (RGB)	:	rgb(78,78,78)	#e5e5e5	#e5e5e5	#0b0b0b	#0b0b0b
CSS (%RGB)	:	rgb(30%,30%,30%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray78

Änderung der Textfarbe bei Hover bei HTML-Tag div

Einen Kontainer setzen Sie mit Tag <div>. Dieser kann farblich gestaltet werden.

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

Dafür stellen wir <div> so ein, dass sich bei Mausberührung die Textfarbe auf Farbe gray78 ändert.

<style type="text/css"><!--
  div:hover { 
    color:gray78;
  }
//-->
</style>

Beschreibung vom Befehl <div>.

Änderung der Unterstreichung bei Hover mit Tag blockquote

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

Dafür stellen wir <blockquote> so ein, dass sich bei Berührung mit der Maus die Farbe der Unterstreichung auf Farbe gray78 ändert.

<style type="text/css"><!--
  blockquote: hover { 
    border-bottom-color: gray78;
  }
//-->
</style>

Mehr zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Einzelheiten des HTML-Befehl blockquote sind in der HTML Referenz bei <blockquote> beschrieben.