Ressourcen: 120 HTML Farbnamen - Kombination von Farbe khaki und Farbe deeppink

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

Verlauf Hintergrundfarbe khaki nach Schriftfarbe deeppink
#f0e68c	#f2c88d	#f4aa8e	#f68c8f	#f86e90	#fa5091	#fc3292	#ff1493
#f0e68c	#f2c88d	#f4aa8e	#f68c8f	#f86e90	#fa5091	#fc3292	#ff1493

Kombination von khaki und deeppink
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				Auf Hintergrund khaki ist deeppink ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von deeppink und khaki beträgt 86.47%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.53%.

Hintergrundfarbe khaki				Schriftfarbe deeppink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#ff1493	#ff1493	#ff1493	#ff1493
#f2e99c	#f2e99c	#cdc578	#cdc578	#ff35a2	#ff35a2	#da117e	#da117e
#f4edac	#f4edac	#aba464	#aba464	#ff57b1	#ff57b1	#b60e69	#b60e69
#f6f0bd	#f6f0bd	#898350	#898350	#ff78c1	#ff78c1	#910b54	#910b54
#f8f4cd	#f8f4cd	#66623c	#66623c	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#faf7de	#faf7de	#444128	#444128	#ffbbe0	#ffbbe0	#48052a	#48052a
#fcfbee	#fcfbee	#222014	#222014	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbe deeppink

Wechsel der Unterstreichung bei Hover bei HTML-Tag cite

Die Unterstreichungsfarbe soll sich von Farbe khaki auf Farbe deeppink ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <cite> in Farbe khaki vor.

In diesem Beispiel unterstreichen wir <cite> mit einem doppelten Rahmen mit 2 Pixel Dicke in Farbe khaki.

<style type="text/css"><!--
  cite { border-bottom:2px double khaki; }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Farbe der Unterstreichung auf deeppink gesetzt wird.

<style type="text/css"><!--
  cite: hover { 
    border-bottom-color: deeppink;
  }
//-->
</style>

Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sehen Sie das bei Links. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Das ist jedoch keine wirkliche Unterstreichung, der Text hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Der hier verwendete Tag cite ist in der HTML Referenz bei <cite> ausführlich beschrieben.

Wechsel der Umrandung bei Hover mit Tag hr

Die Rahmenfarbe soll sich von Farbe khaki auf Farbe deeppink ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <hr> in Farbe khaki vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe khaki.

<style type="text/css"><!--
  hr { border:3px inset khaki; }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf deeppink gesetzt wird.

<style type="text/css"><!--
  hr: hover { 
    border-color: deeppink;
  }
//-->
</style>

Weiteres zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl <hr>.