Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #c3c3c3

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 #c3c3c3
Detail	:	Hintergrundfarbwert #c3c3c3	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#c3c3c3	#c3c3c3	#c3c3c3	#c3c3c3	#c3c3c3
Farbe	:	gray195	#cbcbcb	#cbcbcb	#a7a7a7	#a7a7a7
HTML	:	#c3c3c3	#d4d4d4	#d4d4d4	#8b8b8b	#8b8b8b
CSS	:	#c3c3c3	#dcdcdc	#dcdcdc	#6f6f6f	#6f6f6f
CSS (Wert)	:	#c3c3c3	#e5e5e5	#e5e5e5	#535353	#535353
CSS (kürzest)	:	#c3c3c3	#ededed	#ededed	#373737	#373737
CSS (RGB)	:	rgb(195,195,195)	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
CSS (%RGB)	:	rgb(76%,76%,76%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #c3c3c3

Änderung der Hintergrundfarbe bei Hover von HTML-Tag a

Einen Verweis erzeugt man mit Tag <a>. Er kann farblich gestaltet und hervorgehoben werden.

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

Wir legen zum Beispiel bei <a> die Hintergrundfarbe auf Farbwert #c3c3c3 fest:

<style type="text/css"><!--
  a { 
    background-color: #24eb5c;
  }
//-->
</style>

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

<style type="text/css"><!--
  a: hover { 
    background-color: #c3c3c3;
  }
//-->
</style>

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Tag a erfahren Sie in der HTML Referenz unter <a>.

Änderung der Textfarbe bei HTML-Befehl var

Z.B. legen wir die Textfarbe von <var> auf Farbwert #c3c3c3 fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  var { 
    font-size: 13px; 
    color: #c3c3c3; 
    font-family: monospace;
  }
//-->
</style>

Mehr zu var erfahren Sie in Text in HTML. Beschreibung des hier genutzten Befehl <var>.