Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #5f9ea0 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 #5f9ea0			Schriftfarbe khaki
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift khaki
Farbwert	:	#5f9ea0	Farbe	:	khaki
Farbe	:	cadetblue	Farbwert	:	#f0e68c
HTML	:	#5f9ea0	HTML	:	khaki
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#f0e68c
CSS	:	#5f9ea0	CSS	:	khaki
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbe khaki
#5f9ea0	#73a89d	#88b29a	#9dbc97	#b1c794	#c6d191	#dbdb8e	#f0e68c
#5f9ea0	#73a89d	#88b29a	#9dbc97	#b1c794	#c6d191	#dbdb8e	#f0e68c

Kombination von #5f9ea0 und khaki
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von khaki und #5f9ea0 ergibt sich zu 88.66%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.34%. khaki ist nicht als Schriftfarbe auf Hintergrund #5f9ea0 geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #5f9ea0				Schriftfarbe khaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#75abad	#75abad	#518789	#518789	#f2e99c	#f2e99c	#cdc578	#cdc578
#8cb9bb	#8cb9bb	#437072	#437072	#f4edac	#f4edac	#aba464	#aba464
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#f6f0bd	#f6f0bd	#898350	#898350
#bad5d6	#bad5d6	#284344	#284344	#f8f4cd	#f8f4cd	#66623c	#66623c
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#faf7de	#faf7de	#444128	#444128
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #5f9ea0 und Farbe khaki

Wechsel der Umrandung bei Hover mit Tag strike

Die Rahmenfarbe soll sich von Farbwert #5f9ea0 auf Farbe khaki ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strike> in Farbwert #5f9ea0 vor.

In diesem Beispiel umranden wir <strike> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #5f9ea0.

<style type="text/css"><!--
  strike { 
    border-style: double; 
    border-width: 3px; 
    border-color: #5f9ea0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf khaki gesetzt wird.

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

Weiteres zum Thema können Sie in Text in HTML erfahren. Der HTML-Tag strike ist in der HTML Referenz unter <strike> beschrieben.

Hintergrund/Text-Kombination mit HTML-Befehl del

Für dieses Beispiel ändern wir die Textfarbe von <del> auf Farbe khaki und die Hintergrundfarbe von <del> auf Farbwert #5f9ea0. Die Schriftart setzen wir auf sans-serif und als Schriftgröße setzen wir 125%.

<style type="text/css"><!--
  del { 
    color:khaki; 
    font-family:sans-serif; 
    background-color:#5f9ea0; 
    font-size:125%;
  }
//-->
</style>

Weiteres zum Befehl del ist in der HTML Referenz bei <del> beschrieben.