Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbwert #ffdab9

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			Schriftfarbwert #ffdab9
Detail	:	Hintergrund #d2691e	Detail	:	Schrift #ffdab9
Farbwert	:	#d2691e	Farbwert	:	#ffdab9
Farbe	:	chocolate	Farbe	:	peachpuff
HTML	:	#d2691e	HTML	:	#ffdab9
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#ffdab9
CSS	:	#d2691e	CSS	:	#ffdab9
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbwert #d2691e nach Schriftfarbwert #ffdab9
#d2691e	#d87934	#de894a	#e59960	#eba976	#f2b98c	#f8c9a2	#ffdab9
#d2691e	#d87934	#de894a	#e59960	#eba976	#f2b98c	#f8c9a2	#ffdab9

Kombination von #d2691e und #ffdab9
Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffdab9 und #d2691e beträgt 86.83%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.17%. Auf Hintergrund #d2691e ist #ffdab9 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #d2691e				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#d87e3e	#d87e3e	#b45a19	#b45a19	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#de935e	#de935e	#964b15	#964b15	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#e5a97e	#e5a97e	#783c11	#783c11	#ffe9d7	#ffe9d7	#917c69	#917c69
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#fff4eb	#fff4eb	#483e34	#483e34
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #d2691e und Farbwert #ffdab9

Wechsel der Hintergrundfarbe bei Hover mit Tag thead

Die Hintergrundfarbe soll sich von Farbwert #d2691e auf Farbwert #ffdab9 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <thead> in Farbwert #d2691e vor.

Wir setzen als Beispiel bei <thead> die Hintergrundfarbe auf Farbwert #d2691e:

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

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #ffdab9 ändert.

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

Weiteres zu thead können Sie in Tabellen in HTML erfahren. Zur Beschreibung vom Befehl <thead>.