Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe chocolate

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.

Hintergrundfarbe chocolate
Detail	:	Hintergrundfarbe chocolate	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	chocolate	#d2691e	#d2691e	#d2691e	#d2691e
Farbwert	:	#d2691e	#d87e3e	#d87e3e	#b45a19	#b45a19
HTML	:	chocolate	#de935e	#de935e	#964b15	#964b15
CSS	:	chocolate	#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

Beispiel zur Kombination mit Farbe chocolate

Änderung der Hintergrundfarbe bei Hover bei Tag h5

Mit HTML-Tag <h5> setzen Sie eine Überschrift der 5. Stufe. Diese kann hervorgehoben und farblich gestaltet werden.

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

Wir legen z.B. Farbe chocolate als Hintergrundfarbe von <h5> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  h5 { 
    font-family:monospace; 
    background-color:#00e4af;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe chocolate gesetzt wird.

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

Weiteres zu h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Tag h5 sind in der HTML Referenz unter <h5> genau beschrieben.