Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #7e7e7e

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 #7e7e7e
Detail	:	Hintergrundfarbwert #7e7e7e	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#7e7e7e	#7e7e7e	#7e7e7e	#7e7e7e	#7e7e7e
Farbe	:	gray126	#909090	#909090	#6c6c6c	#6c6c6c
HTML	:	#7e7e7e	#a2a2a2	#a2a2a2	#5a5a5a	#5a5a5a
CSS	:	#7e7e7e	#b5b5b5	#b5b5b5	#484848	#484848
CSS (Wert)	:	#7e7e7e	#c7c7c7	#c7c7c7	#363636	#363636
CSS (kürzest)	:	#7e7e7e	#dadada	#dadada	#242424	#242424
CSS (RGB)	:	rgb(126,126,126)	#ececec	#ececec	#121212	#121212
CSS (%RGB)	:	rgb(49%,49%,49%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #7e7e7e

Änderung der Hintergrundfarbe bei Hover mit HTML-Befehl s

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <s> vor.

In diesem Beispiel setzen wir die Hintergrundfarbe von <s> auf Farbwert #7e7e7e. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  s { 
    font-family:monospace; 
    background-color:#633a12;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #7e7e7e gesetzt wird.

<style type="text/css"><!--
  s: hover { 
    background-color: #7e7e7e;
  }
//-->
</style>

Weiteres zu s können Sie in Text in HTML finden. Einzelheiten des Befehl s sind in der HTML Referenz unter <s> gezeigt.

Änderung der Textfarbe bei HTML-Befehl a

Einen Verweis setzen Sie mit Befehl <a>. Diesen kann man farblich gestalten und hervorheben.

Als Beispiel legen wir bei <a> die Textfarbe auf Farbwert #7e7e7e fest.

<a style="color:#7e7e7e;">
a-Text nutzt Farbwert #7e7e7e
</a>

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten des Befehl a lesen Sie in der HTML Referenz unter <a>.