Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbe navajowhite

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 #eee8aa			Schriftfarbe navajowhite
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift navajowhite
Farbwert	:	#eee8aa	Farbe	:	navajowhite
Farbe	:	palegoldenrod	Farbwert	:	#ffdead
HTML	:	#eee8aa	HTML	:	navajowhite
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#ffdead
CSS	:	#eee8aa	CSS	:	navajowhite
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe navajowhite
#eee8aa	#f0e6aa	#f2e5aa	#f5e3ab	#f7e2ab	#fae0ac	#fcdfac	#ffdead
#eee8aa	#f0e6aa	#f2e5aa	#f5e3ab	#f7e2ab	#fae0ac	#fcdfac	#ffdead

Kombination von #eee8aa und navajowhite
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben navajowhite und #eee8aa ergibt sich zu 95.11%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.89%. navajowhite ist nicht als Schriftfarbe auf Hintergrund #eee8aa geeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #eee8aa				Schriftfarbe navajowhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#ffdead	#ffdead	#ffdead	#ffdead
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#f2eec2	#f2eec2	#aaa579	#aaa579	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#f5f1ce	#f5f1ce	#888461	#888461	#ffecd0	#ffecd0	#917e62	#917e62
#f7f5da	#f7f5da	#666348	#666348	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#faf8e6	#faf8e6	#444230	#444230	#fff5e7	#fff5e7	#483f31	#483f31
#fcfbf2	#fcfbf2	#222118	#222118	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe navajowhite

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl li

Die Hintergrundfarbe soll sich von Farbwert #eee8aa auf Farbe navajowhite ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <li> in Farbwert #eee8aa vor.

Wir legen als Beispiel bei <li> die Hintergrundfarbe auf Farbwert #eee8aa fest:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu navajowhite ändert.

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

Mehr zu li können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten vom hier gezeigten Befehl <li>.

Zebra-Effekt mit HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbwert #eee8aa und Farbe navajowhite.

<style type="text/css"><!--
  th.odd { 
    background-color: #eee8aa;
  }
  th.even { 
    background-color:navajowhite;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">W1,1</td><td class="even">W2,1</td><td class="odd">W3,1</td></tr>
<tr><td class="odd">W1,2</td><td class="even">W2,2</td><td class="odd">W3,2</td></tr>
<tr><td class="odd">W1,3</td><td class="even">W2,3</td><td class="odd">W3,3</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Weiteres zum Befehl th erfahren Sie in der HTML Referenz unter <th>.