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

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 #deb887			Schriftfarbwert #e9967a
Detail	:	Hintergrund #deb887	Detail	:	Schrift #e9967a
Farbwert	:	#deb887	Farbwert	:	#e9967a
Farbe	:	burlywood	Farbe	:	darksalmon
HTML	:	#deb887	HTML	:	#e9967a
HTML (Wert)	:	#deb887	HTML (Wert)	:	#e9967a
CSS	:	#deb887	CSS	:	#e9967a
CSS (Wert)	:	#deb887	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbwert #e9967a
#deb887	#dfb385	#e1ae83	#e2a981	#e4a47f	#e59f7d	#e79a7b	#e9967a
#deb887	#dfb385	#e1ae83	#e2a981	#e4a47f	#e59f7d	#e79a7b	#e9967a

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

Hintergrundfarbwert #deb887				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#e9967a	#e9967a	#e9967a	#e9967a
#e2c298	#e2c298	#be9d73	#be9d73	#eca58d	#eca58d	#c78068	#c78068
#e7cca9	#e7cca9	#9e8360	#9e8360	#efb4a0	#efb4a0	#a66b57	#a66b57
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#f2c3b3	#f2c3b3	#855545	#855545
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#f5d2c6	#f5d2c6	#634034	#634034
#f5eadc	#f5eadc	#3f3426	#3f3426	#f8e1d9	#f8e1d9	#422a22	#422a22
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbwert #e9967a

Wechsel der Textfarbe bei Hover bei Tag center

Die Textfarbe soll sich von Farbwert #deb887 auf Farbwert #e9967a ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst eine Formatierung von <center> in Farbwert #deb887 vor.

Wir setzen hier die Textfarbe von <center> auf Farbwert #deb887.

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

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #e9967a ändert.

<style type="text/css"><!--
  center:hover { 
    color:#e9967a;
  }
//-->
</style>

Mehr zum Thema center lesen Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Befehl center ist in der HTML Referenz unter <center> genau gezeigt.

Zebra-Effekt von Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit den Hintergrundfarben Farbwert #deb887 und Farbwert #e9967a.

<style type="text/css"><!--
  td.ying { 
    background-color: #deb887;
  }
  td.yang { 
    background-color: #e9967a;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ying">Ga.a</td><td class="yang">Gb.a</td><td class="ying">Gc.a</td></tr>
<tr><td class="ying">Ga.b</td><td class="yang">Gb.b</td><td class="ying">Gc.b</td></tr>
<tr><td class="ying">Ga.c</td><td class="yang">Gb.c</td><td class="ying">Gc.c</td></tr>
</table>

Mehr zum Thema td können Sie in Tabellen in HTML erfahren. Weiteres zum hier verwendeten Befehl <td>.