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

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 #f5f5dc
Detail	:	Hintergrund khaki	Detail	:	Schrift #f5f5dc
Farbe	:	khaki	Farbwert	:	#f5f5dc
Farbwert	:	#f0e68c	Farbe	:	beige
HTML	:	khaki	HTML	:	#f5f5dc
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#f5f5dc
CSS	:	khaki	CSS	:	#f5f5dc
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #f5f5dc
#f0e68c	#f0e897	#f1eaa2	#f2ecae	#f2eeb9	#f3f0c5	#f4f2d0	#f5f5dc
#f0e68c	#f0e897	#f1eaa2	#f2ecae	#f2eeb9	#f3f0c5	#f4f2d0	#f5f5dc

Kombination von khaki und #f5f5dc
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				#f5f5dc eignet sich nicht als Schriftfarbe auf Hintergrund khaki, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #f5f5dc und khaki ergibt sich zu 94.49%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.51%.

Hintergrundfarbe khaki				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#f2e99c	#f2e99c	#cdc578	#cdc578	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#f4edac	#f4edac	#aba464	#aba464	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#f6f0bd	#f6f0bd	#898350	#898350	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#f8f4cd	#f8f4cd	#66623c	#66623c	#fafaf0	#fafaf0	#69695e	#69695e
#faf7de	#faf7de	#444128	#444128	#fcfcf5	#fcfcf5	#46463e	#46463e
#fcfbee	#fcfbee	#222014	#222014	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbwert #f5f5dc

Hintergrund/Text-Kombination mit Befehl select

Wir ändern in diesem Beispiel die Textfarbe von <select> auf Farbwert #f5f5dc und die Hintergrundfarbe von <select> auf Farbe khaki. Die Schriftart ändern wir auf courier new und verringern die Schriftgröße auf 88%.

<style type="text/css"><!--
  select { 
    color:#f5f5dc; 
    background-color:khaki; 
    font-family:courier new; 
    font-size:88%;
  }
//-->
</style>

Mehr zum Thema select können Sie in Formulare in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag select finden Sie in der HTML Referenz unter <select>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl input

Die Hintergrundfarbe soll sich von Farbe khaki auf Farbwert #f5f5dc ändern, wenn man mit der Maus auf <input> zeigt. Bereiten wir zunächst die Formatierung von <input> in Farbe khaki vor.

In diesem Beispiel legen wir bei <input> die Hintergrundfarbe auf Farbe khaki fest:

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #f5f5dc geändert wird.

<style type="text/css"><!--
  input:hover { 
    background-color:#f5f5dc;
  }
//-->
</style>

Mehr zu input können Sie in Formulare in HTML lesen. Beschreibung des HTML-Tag <input>.