Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray184

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 gray184
Detail	:	Hintergrundfarbe gray184	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	gray184	#b8b8b8	#b8b8b8	#b8b8b8	#b8b8b8
Farbwert	:	#b8b8b8	#c2c2c2	#c2c2c2	#9d9d9d	#9d9d9d
HTML	:	gray184	#cccccc	#cccccc	#838383	#838383
CSS	:	gray184	#d6d6d6	#d6d6d6	#696969	#696969
CSS (Wert)	:	#b8b8b8	#e0e0e0	#e0e0e0	#4e4e4e	#4e4e4e
CSS (kürzest)	:	#b8b8b8	#eaeaea	#eaeaea	#343434	#343434
CSS (RGB)	:	rgb(184,184,184)	#f4f4f4	#f4f4f4	#1a1a1a	#1a1a1a
CSS (%RGB)	:	rgb(72%,72%,72%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe gray184

Farbige Unterstreichung von Befehl a

Mit Tag <a> wird ein Verweis gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel unterstreichen wir <a> mit einem gezahnten Rahmen mit 2 Pixel Dicke in Farbe gray184. Das ist mit HTML nicht möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { border-bottom:2px ridge gray184; }
//-->
</style>

Die Idee ist hierbei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie das bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist jedoch keine "wirkliche" Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Möglichkeiten vom HTML-Tag <a>.

Änderung der Hintergrundfarbe bei Hover von Tag caption

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

Dafür stellen wir <caption> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe gray184 geändert wird.

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

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten des Befehl caption finden Sie in der HTML Referenz unter <caption>.