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

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 #aeaeae
Detail	:	Hintergrundfarbwert #aeaeae	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#aeaeae	#aeaeae	#aeaeae	#aeaeae	#aeaeae
Farbe	:	gray174	#b9b9b9	#b9b9b9	#959595	#959595
HTML	:	#aeaeae	#c5c5c5	#c5c5c5	#7c7c7c	#7c7c7c
CSS	:	#aeaeae	#d0d0d0	#d0d0d0	#636363	#636363
CSS (Wert)	:	#aeaeae	#dcdcdc	#dcdcdc	#4a4a4a	#4a4a4a
CSS (kürzest)	:	#aeaeae	#e7e7e7	#e7e7e7	#313131	#313131
CSS (RGB)	:	rgb(174,174,174)	#f3f3f3	#f3f3f3	#181818	#181818
CSS (%RGB)	:	rgb(68%,68%,68%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #aeaeae

Umrandung mit Tag a

Einen Link setzt man mit Befehl <a>. Diesen kann man farblich gestalten.

In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #aeaeae. Mit HTML ist das kaum möglich. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { border:1px dashed #aeaeae; }
//-->
</style>

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

Änderung der Hintergrundfarbe bei Hover mit Tag blockquote

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

Dafür stellen wir <blockquote> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbwert #aeaeae gesetzt wird.

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

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum hier verwendeten HTML-Tag <blockquote>.