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

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 #fff8dc
Detail	:	Hintergrund khaki	Detail	:	Schrift #fff8dc
Farbe	:	khaki	Farbwert	:	#fff8dc
Farbwert	:	#f0e68c	Farbe	:	cornsilk
HTML	:	khaki	HTML	:	#fff8dc
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#fff8dc
CSS	:	khaki	CSS	:	#fff8dc
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #fff8dc
#f0e68c	#f2e897	#f4eba2	#f6edae	#f8f0b9	#faf2c5	#fcf5d0	#fff8dc
#f0e68c	#f2e897	#f4eba2	#f6edae	#f8f0b9	#faf2c5	#fcf5d0	#fff8dc

Kombination von khaki und #fff8dc
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fff8dc ist nicht als Schriftfarbe auf Hintergrund khaki geeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #fff8dc und khaki beträgt 94.28%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.72%.

Hintergrundfarbe khaki				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#f2e99c	#f2e99c	#cdc578	#cdc578	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#f4edac	#f4edac	#aba464	#aba464	#fffae6	#fffae6	#b6b19d	#b6b19d
#f6f0bd	#f6f0bd	#898350	#898350	#fffbeb	#fffbeb	#918d7d	#918d7d
#f8f4cd	#f8f4cd	#66623c	#66623c	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#faf7de	#faf7de	#444128	#444128	#fffdf5	#fffdf5	#48463e	#48463e
#fcfbee	#fcfbee	#222014	#222014	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbwert #fff8dc

Wechsel der Hintergrundfarbe bei Hover bei Befehl dt

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

Wir ändern in diesem Beispiel die Hintergrundfarbe von <dt> auf Farbe khaki. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  dt { 
    font-family: verdana; 
    background-color: khaki;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #fff8dc gesetzt wird.

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

Mehr zum Thema dt finden Sie in Listen und Glossare in HTML. Möglichkeiten vom hier genutzten HTML-Tag dt lesen Sie in der HTML Referenz unter <dt>.

Zebra-Effekt von Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbe khaki und Farbwert #fff8dc.

<style type="text/css"><!--
  tr.ger { 
    background-color:khaki;
  }
  tr.ung { 
    background-color: #fff8dc;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="ger"><td>LA-A</td><td>LB-A</td><td>LC-A</td></tr>
<tr class="ung"><td>LA-B</td><td>LB-B</td><td>LC-B</td></tr>
<tr class="ger"><td>LA-C</td><td>LB-C</td><td>LC-C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Der hier verwendete Befehl tr ist in der HTML Referenz bei <tr> genau zusammengestellt.