Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4b5 und 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.

Hintergrundfarbwert #ffe4b5			Schriftfarbe chocolate
Detail	:	Hintergrund #ffe4b5	Detail	:	Schrift chocolate
Farbwert	:	#ffe4b5	Farbe	:	chocolate
Farbe	:	moccasin	Farbwert	:	#d2691e
HTML	:	#ffe4b5	HTML	:	chocolate
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#d2691e
CSS	:	#ffe4b5	CSS	:	chocolate
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#d2691e
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#d2691e
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(210,105,30)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(82%,41%,11%)

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbe chocolate
#ffe4b5	#f8d29f	#f2c089	#ebaf74	#e59d5e	#de8c49	#d87a33	#d2691e
#ffe4b5	#f8d29f	#f2c089	#ebaf74	#e59d5e	#de8c49	#d87a33	#d2691e

Kombination von #ffe4b5 und chocolate
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffe4b5 ist chocolate ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von chocolate und #ffe4b5 ergibt sich zu 85.98%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.02%.

Hintergrundfarbwert #ffe4b5				Schriftfarbe chocolate
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#d2691e	#d2691e	#d2691e	#d2691e
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#d87e3e	#d87e3e	#b45a19	#b45a19
#ffebca	#ffebca	#b6a281	#b6a281	#de935e	#de935e	#964b15	#964b15
#ffefd4	#ffefd4	#918267	#918267	#e5a97e	#e5a97e	#783c11	#783c11
#fff3df	#fff3df	#6d614d	#6d614d	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
#fff7e9	#fff7e9	#484133	#484133	#f2d4be	#f2d4be	#3c1e08	#3c1e08
#fffbf4	#fffbf4	#242019	#242019	#f8e9de	#f8e9de	#1e0f04	#1e0f04
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffe4b5 und Farbe chocolate

Wechsel der Textfarbe bei Hover von HTML-Tag em

Die Textfarbe soll sich von Farbwert #ffe4b5 auf Farbe chocolate ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <em> in Farbwert #ffe4b5 vor.

Wir ändern z.B. bei <em> die Textfarbe auf Farbwert #ffe4b5.

<style type="text/css"><!--
  em { 
    color: #ffe4b5;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf chocolate geändert wird.

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

Mehr zu em erfahren Sie in Text in HTML. Der hier verwendete HTML-Tag em ist in der HTML Referenz unter <em> genau zusammengestellt.