Ressourcen: 120 HTML Farbnamen - Kombination von Farbe khaki und Farbwert #ffffe0

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.

Hintergrundfarbe khaki			Schriftfarbwert #ffffe0
Detail	:	Hintergrund khaki	Detail	:	Schrift #ffffe0
Farbe	:	khaki	Farbwert	:	#ffffe0
Farbwert	:	#f0e68c	Farbe	:	lightyellow
HTML	:	khaki	HTML	:	#ffffe0
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#ffffe0
CSS	:	khaki	CSS	:	#ffffe0
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #ffffe0
#f0e68c	#f2e998	#f4eda4	#f6f0b0	#f8f4bc	#faf7c8	#fcfbd4	#ffffe0
#f0e68c	#f2e998	#f4eda4	#f6f0b0	#f8f4bc	#faf7c8	#fcfbd4	#ffffe0

Kombination von khaki und #ffffe0
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#ffffe0 ist nicht als Schriftfarbe auf Hintergrund khaki geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #ffffe0 und khaki beträgt 94.01%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.99%.

Hintergrundfarbe khaki				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#f2e99c	#f2e99c	#cdc578	#cdc578	#ffffe4	#ffffe4	#dadac0	#dadac0
#f4edac	#f4edac	#aba464	#aba464	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#f6f0bd	#f6f0bd	#898350	#898350	#ffffed	#ffffed	#919180	#919180
#f8f4cd	#f8f4cd	#66623c	#66623c	#fffff1	#fffff1	#6d6d60	#6d6d60
#faf7de	#faf7de	#444128	#444128	#fffff6	#fffff6	#484840	#484840
#fcfbee	#fcfbee	#222014	#222014	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbwert #ffffe0

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbe khaki auf Farbwert #ffffe0 ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst eine Darstellung von <pre> in Farbe khaki vor.

Wir legen in diesem Beispiel die Hintergrundfarbe von <pre> auf Farbe khaki fest und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  pre { 
    font-size: 13px; 
    background-color: khaki;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ffffe0 gesetzt wird.

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

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag <pre>.

Zebra-Effekt von HTML-Tag th

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit unterschiedlichen Hintergrundfarben Farbe khaki und Farbwert #ffffe0.

<style type="text/css"><!--
  th.ying { 
    background-color: khaki;
  }
  th.yang { 
    background-color: #ffffe0;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ying">Ma:a</td><td class="yang">Mb:a</td><td class="ying">Mc:a</td></tr>
<tr><td class="ying">Ma:b</td><td class="yang">Mb:b</td><td class="ying">Mc:b</td></tr>
<tr><td class="ying">Ma:c</td><td class="yang">Mb:c</td><td class="ying">Mc:c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Mehr zum Befehl th lesen Sie in der HTML Referenz unter <th>.