Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkkhaki 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.

Hintergrundfarbe darkkhaki			Schriftfarbe khaki
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift khaki
Farbe	:	darkkhaki	Farbe	:	khaki
Farbwert	:	#bdb76b	Farbwert	:	#f0e68c
HTML	:	darkkhaki	HTML	:	khaki
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#f0e68c
CSS	:	darkkhaki	CSS	:	khaki
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbe khaki
#bdb76b	#c4bd6f	#cbc474	#d2cb79	#dad17d	#e1d882	#e8df87	#f0e68c
#bdb76b	#c4bd6f	#cbc474	#d2cb79	#dad17d	#e1d882	#e8df87	#f0e68c

Kombination von darkkhaki und khaki
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit der Farben khaki und darkkhaki ergibt sich zu 92.30%. Die Lesbarkeit dieser Kombination liegt damit bei 7.70%. Auf Hintergrund darkkhaki ist khaki ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe darkkhaki				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#c6c180	#c6c180	#a29c5b	#a29c5b	#f2e99c	#f2e99c	#cdc578	#cdc578
#cfcb95	#cfcb95	#87824c	#87824c	#f4edac	#f4edac	#aba464	#aba464
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#f6f0bd	#f6f0bd	#898350	#898350
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#f8f4cd	#f8f4cd	#66623c	#66623c
#ecead4	#ecead4	#36341e	#36341e	#faf7de	#faf7de	#444128	#444128
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbe khaki

Wechsel der Hintergrundfarbe bei Hover von Befehl strike

Die Hintergrundfarbe soll sich von Farbe darkkhaki auf Farbe khaki ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbe darkkhaki vor.

Wir ändern zum Beispiel bei <strike> die Hintergrundfarbe auf Farbe darkkhaki und setzen die Größe der Schrift auf 98%:

<style type="text/css"><!--
  strike { 
    font-size: 98%; 
    background-color: darkkhaki;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu khaki ändert.

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

Weiteres zu strike können Sie in Text in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag strike lesen Sie in der HTML Referenz unter <strike>.

Wechsel der Textfarbe bei Hover von Befehl span

Die Textfarbe soll sich von Farbe darkkhaki auf Farbe khaki ändern, wenn man mit der Maus auf <span> zeigt. Bereiten wir zunächst die Darstellung von <span> in Farbe darkkhaki vor.

Wir setzen als Beispiel bei <span> die Textfarbe auf Farbe darkkhaki. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  span { 
    font-family: monospace; 
    color: darkkhaki;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf khaki ändert.

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

Möglichkeiten vom HTML-Tag <span>.