Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray189

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 gray189
Detail	:	Hintergrundfarbe gray189	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray189	#bdbdbd	#bdbdbd	#bdbdbd	#bdbdbd
Farbwert	:	#bdbdbd	#c6c6c6	#c6c6c6	#a2a2a2	#a2a2a2
HTML	:	gray189	#cfcfcf	#cfcfcf	#878787	#878787
CSS	:	gray189	#d9d9d9	#d9d9d9	#6c6c6c	#6c6c6c
CSS (Wert)	:	#bdbdbd	#e2e2e2	#e2e2e2	#515151	#515151
CSS (kürzest)	:	#bdbdbd	#ececec	#ececec	#363636	#363636
CSS (RGB)	:	rgb(189,189,189)	#f5f5f5	#f5f5f5	#1b1b1b	#1b1b1b
CSS (%RGB)	:	rgb(74%,74%,74%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray189

Änderung der Textfarbe mit HTML-Tag pre

Zum Beispiel legen wir Farbe gray189 als Textfarbe von <pre> fest. Die Schriftgröße setzen wir auf 99%.

<pre style="color:gray189; font-size:99%;">
Text hat Farbe gray189
</pre>

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Beschreibung vom Befehl <pre>.

Änderung der Unterstreichung bei Hover bei Befehl a

Einen Verweis setzen Sie mit Tag <a>. Dieser kann farblich gestaltet werden.

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

Dafür stellen wir <a> so ein, dass bei Mausberührung die Farbe der Unterstreichung auf Farbe gray189 gesetzt wird.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum Tag a lesen Sie in der HTML Referenz unter <a>.