Ressourcen: 16 Graustufen in HTML - Kombinationen mit Farbwert #cccccc

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbwert #cccccc
Detail	:	Hintergrundfarbwert #cccccc	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#cccccc	#cccccc	#cccccc	#cccccc	#cccccc
Farbe	:	gray204	#d3d3d3	#d3d3d3	#aeaeae	#aeaeae
HTML	:	#cccccc	#dadada	#dadada	#919191	#919191
CSS	:	#cccccc	#e1e1e1	#e1e1e1	#747474	#747474
CSS (Wert)	:	#cccccc	#e9e9e9	#e9e9e9	#575757	#575757
CSS (kürzest)	:	#ccc	#f0f0f0	#f0f0f0	#3a3a3a	#3a3a3a
CSS (RGB)	:	rgb(204,204,204)	#f7f7f7	#f7f7f7	#1d1d1d	#1d1d1d
CSS (%RGB)	:	rgb(80%,80%,80%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #cccccc

Änderung der Unterstreichung bei Hover von Befehl a

Einen Link erzeugen Sie mit HTML-Tag <a>. Diesen kann man hervorheben und farblich gestalten.

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

Dafür stellen wir <a> so ein, dass sich bei Mausberührung die Farbe der Unterstreichung auf Farbwert #cccccc ändert.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum hier verwendeten HTML-Tag a finden Sie in der HTML Referenz unter <a>.

Änderung der Hintergrundfarbe bei Befehl address

In diesem Beispiel setzen wir die Hintergrundfarbe von <address> auf Farbwert #cccccc.

<address style="background-color:#cccccc;">
Dieser Hintergrund nutzt Farbwert #cccccc
</address>

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Der hier verwendete HTML-Befehl address ist in der HTML Referenz unter <address> ausführlich gezeigt.