Ressourcen: 137 HTML Farbnamen - Kombination von Farbe khaki und Farbwert #db7093

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe khaki			Schriftfarbwert #db7093
Detail	:	Hintergrund khaki	Detail	:	Schrift #db7093
Farbe	:	khaki	Farbwert	:	#db7093
Farbwert	:	#f0e68c	Farbe	:	palevioletred
HTML	:	khaki	HTML	:	#db7093
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#db7093
CSS	:	khaki	CSS	:	#db7093
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #db7093
#f0e68c	#edd58d	#eac48e	#e7b38f	#e4a290	#e19191	#de8092	#db7093
#f0e68c	#edd58d	#eac48e	#e7b38f	#e4a290	#e19191	#de8092	#db7093

Kombination von khaki und #db7093
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #db7093 und khaki ergibt sich zu 88.43%. Die Lesbarkeit dieser Kombination bewerte ich mit 11.57%. Auf Hintergrund khaki ist #db7093 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe khaki				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#db7093	#db7093	#db7093	#db7093
#f2e99c	#f2e99c	#cdc578	#cdc578	#e084a2	#e084a2	#bb607e	#bb607e
#f4edac	#f4edac	#aba464	#aba464	#e598b1	#e598b1	#9c5069	#9c5069
#f6f0bd	#f6f0bd	#898350	#898350	#eaadc1	#eaadc1	#7d4054	#7d4054
#f8f4cd	#f8f4cd	#66623c	#66623c	#efc1d0	#efc1d0	#5d303f	#5d303f
#faf7de	#faf7de	#444128	#444128	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#fcfbee	#fcfbee	#222014	#222014	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe khaki und Farbwert #db7093

Wechsel der Umrandung bei Hover mit HTML-Tag img

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

In diesem Beispiel umranden wir <img> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe khaki.

<style type="text/css"><!--
  img { 
    border-color:khaki; 
    border-style:outset; 
    border-width:2px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #db7093 ändert.

<style type="text/css"><!--
  img:hover { 
    border-color:#db7093;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grafik in HTML. Die Beschreibung des hier verwendeten Befehl img lesen Sie in der HTML Referenz unter <img>.