Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #d2691e

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 #d2691e
Detail	:	Hintergrundfarbwert #d2691e	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#d2691e	#d2691e	#d2691e	#d2691e	#d2691e
Farbe	:	chocolate	#d87e3e	#d87e3e	#b45a19	#b45a19
HTML	:	#d2691e	#de935e	#de935e	#964b15	#964b15
CSS	:	#d2691e	#e5a97e	#e5a97e	#783c11	#783c11
CSS (Wert)	:	#d2691e	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
CSS (kürzest)	:	#d2691e	#f2d4be	#f2d4be	#3c1e08	#3c1e08
CSS (RGB)	:	rgb(210,105,30)	#f8e9de	#f8e9de	#1e0f04	#1e0f04
CSS (%RGB)	:	rgb(82%,41%,11%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #d2691e

Farbige Unterstreichung von HTML-Tag label

Hier unterstreichen wir <label> mit einem gezahnten Rahmen mit 1 Pixel Dicke in Farbwert #d2691e. Dies ist mit HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  label { 
    border-bottom-color: #d2691e; 
    border-bottom-style: ridge; 
    border-bottom-width: 1px;
  }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Das ist aber keine normale Unterstreichung, der Text selbst hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu label erfahren Sie in Formulare in HTML. Der Befehl label ist in der HTML Referenz bei <label> ausführlich gezeigt.

Änderung der Hintergrundfarbe bei Hover mit Befehl option

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

Z.B. setzen wir bei <option> die Hintergrundfarbe auf Farbwert #d2691e:

<style type="text/css"><!--
  option { 
    background-color:#b3605a;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Formulare in HTML erfahren. Möglichkeiten vom HTML-Befehl <option>.