Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray125

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 gray125
Detail	:	Hintergrundfarbe gray125	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray125	#7d7d7d	#7d7d7d	#7d7d7d	#7d7d7d
Farbwert	:	#7d7d7d	#8f8f8f	#8f8f8f	#6b6b6b	#6b6b6b
HTML	:	gray125	#a2a2a2	#a2a2a2	#595959	#595959
CSS	:	gray125	#b4b4b4	#b4b4b4	#474747	#474747
CSS (Wert)	:	#7d7d7d	#c7c7c7	#c7c7c7	#353535	#353535
CSS (kürzest)	:	#7d7d7d	#d9d9d9	#d9d9d9	#232323	#232323
CSS (RGB)	:	rgb(125,125,125)	#ececec	#ececec	#111111	#111111
CSS (%RGB)	:	rgb(49%,49%,49%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray125

Änderung der Hintergrundfarbe bei Hover bei HTML-Befehl select

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

Für dieses Beispiel ändern wir die Hintergrundfarbe von <select> auf Farbe gray125. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  select { 
    font-family:arial; 
    background-color:#0a89e9;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe gray125 gesetzt wird.

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

Weiteres zum Thema select können Sie in Formulare in HTML finden. Die Beschreibung des Befehl select erfahren Sie in der HTML Referenz unter <select>.

Änderung der Textfarbe bei HTML-Befehl textarea

Zum Beispiel legen wir bei <textarea> die Textfarbe auf Farbe gray125 fest.

<style type="text/css"><!--
  textarea { 
    color:gray125;
  }
//-->
</style>

Weiteres zu textarea können Sie in Formulare in HTML erfahren. Mehr zum Befehl textarea ist in der HTML Referenz unter <textarea> beschrieben.