Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #d2b48c

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #d2b48c
Detail	:	Hintergrundfarbwert #d2b48c	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#d2b48c	#d2b48c	#d2b48c	#d2b48c	#d2b48c
Farbe	:	tan	#d8be9c	#d8be9c	#b49a78	#b49a78
HTML	:	#d2b48c	#dec9ac	#dec9ac	#968064	#968064
CSS	:	#d2b48c	#e5d4bd	#e5d4bd	#786650	#786650
CSS (Wert)	:	#d2b48c	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
CSS (kürzest)	:	#d2b48c	#f2e9de	#f2e9de	#3c3328	#3c3328
CSS (RGB)	:	rgb(210,180,140)	#f8f4ee	#f8f4ee	#1e1914	#1e1914
CSS (%RGB)	:	rgb(82%,70%,54%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #d2b48c

Änderung der Textfarbe bei Hover mit HTML-Tag cite

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

Dafür stellen wir <cite> so ein, dass bei Hover die Textfarbe auf Farbwert #d2b48c geändert wird.

<style type="text/css"><!--
  cite: hover { 
    color: #d2b48c;
  }
//-->
</style>

Möglichkeiten vom Tag cite lesen Sie in der HTML Referenz unter <cite>.

Änderung der Unterstreichung bei Hover mit HTML-Befehl del

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

<style type="text/css"><!--
  del { border-bottom:3px double #a18bb4; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #d2b48c gesetzt wird.

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

Die Idee ist hierbei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sehen Sie dies bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum hier verwendeten HTML-Tag del erfahren Sie in der HTML Referenz unter <del>.