Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4b5 und Farbwert #deb887

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			Schriftfarbwert #deb887
Detail	:	Hintergrund #ffe4b5	Detail	:	Schrift #deb887
Farbwert	:	#ffe4b5	Farbwert	:	#deb887
Farbe	:	moccasin	Farbe	:	burlywood
HTML	:	#ffe4b5	HTML	:	#deb887
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#deb887
CSS	:	#ffe4b5	CSS	:	#deb887
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbwert #deb887
#ffe4b5	#faddae	#f5d7a7	#f0d1a1	#ecca9a	#e7c494	#e2be8d	#deb887
#ffe4b5	#faddae	#f5d7a7	#f0d1a1	#ecca9a	#e7c494	#e2be8d	#deb887

Kombination von #ffe4b5 und #deb887
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#deb887 ist nicht als Schriftfarbe auf Hintergrund #ffe4b5 geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #deb887 und #ffe4b5 ergibt sich zu 92.84%. Die Lesbarkeit dieser Kombination liegt damit bei 7.16%.

Hintergrundfarbwert #ffe4b5				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#deb887	#deb887	#deb887	#deb887
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#e2c298	#e2c298	#be9d73	#be9d73
#ffebca	#ffebca	#b6a281	#b6a281	#e7cca9	#e7cca9	#9e8360	#9e8360
#ffefd4	#ffefd4	#918267	#918267	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#fff3df	#fff3df	#6d614d	#6d614d	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#fff7e9	#fff7e9	#484133	#484133	#f5eadc	#f5eadc	#3f3426	#3f3426
#fffbf4	#fffbf4	#242019	#242019	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbwert #deb887

Hintergrund/Text-Kombination mit Tag li

Bei diesem Beispiel ändern wir die Textfarbe von <li> auf Farbwert #deb887 und die Hintergrundfarbe von <li> auf Farbwert #ffe4b5. Die Schriftart setzen wir auf verdana und als Schriftgröße setzen wir 114%.

<style type="text/css"><!--
  li { 
    font-size: 114%; 
    color: #deb887; 
    background-color: #ffe4b5; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zu li können Sie in Listen und Glossare in HTML erfahren. Der hier verwendete HTML-Tag li ist in der HTML Referenz unter <li> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Befehl em

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

Z.B. legen wir Farbwert #ffe4b5 als Hintergrundfarbe von <em> fest:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #deb887 ändert.

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

Weiteres zum Thema em lesen Sie in Text in HTML. Einzelheiten des Befehl em lesen Sie in der HTML Referenz unter <em>.