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

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

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbe khaki
#fffff0	#fcfbe1	#faf7d3	#f8f4c5	#f6f0b6	#f4eda8	#f2e99a	#f0e68c
#fffff0	#fcfbe1	#faf7d3	#f8f4c5	#f6f0b6	#f4eda8	#f2e99a	#f0e68c

Kombination von #fffff0 und khaki
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #fffff0 ist khaki ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben khaki und #fffff0 beträgt 93.96%. Die Lesbarkeit dieser Kombination liegt damit bei 6.04%.

Hintergrundfarbwert #fffff0				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#fffff2	#fffff2	#dadacd	#dadacd	#f2e99c	#f2e99c	#cdc578	#cdc578
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#f4edac	#f4edac	#aba464	#aba464
#fffff6	#fffff6	#919189	#919189	#f6f0bd	#f6f0bd	#898350	#898350
#fffff8	#fffff8	#6d6d66	#6d6d66	#f8f4cd	#f8f4cd	#66623c	#66623c
#fffffa	#fffffa	#484844	#484844	#faf7de	#faf7de	#444128	#444128
#fffffc	#fffffc	#242422	#242422	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbe khaki

Zebra-Effekt mit Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbwert #fffff0 und Farbe khaki.

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

Diese werden dann abwechselnd verwendet.

<table>
<tr class="ung"><td>Ra,a</td><td>Rb,a</td><td>Rc,a</td></tr>
<tr class="ger"><td>Ra,b</td><td>Rb,b</td><td>Rc,b</td></tr>
<tr class="ung"><td>Ra,c</td><td>Rb,c</td><td>Rc,c</td></tr>
</table>

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

Wechsel der Textfarbe bei Hover bei Befehl a

Ein Link wird mit HTML-Tag <a> gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #fffff0 auf Farbe khaki ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #fffff0 vor.

Für dieses Beispiel legen wir die Textfarbe von <a> auf Farbwert #fffff0 fest. Die Größe der Schrift verringern wir auf 82%:

<style type="text/css"><!--
  a { 
    color: #fffff0; 
    font-size: 82%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf khaki ändert.

<style type="text/css"><!--
  a: hover { 
    color: khaki;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML finden. Weiteres zum Tag a erfahren Sie in der HTML Referenz unter <a>.