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

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 rosybrown
Detail	:	Hintergrund khaki	Detail	:	Schrift rosybrown
Farbe	:	khaki	Farbe	:	rosybrown
Farbwert	:	#f0e68c	Farbwert	:	#bc8f8f
HTML	:	khaki	HTML	:	rosybrown
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#bc8f8f
CSS	:	khaki	CSS	:	rosybrown
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbe rosybrown
#f0e68c	#e8d98c	#e1cd8c	#d9c08d	#d2b48d	#caa78e	#c39b8e	#bc8f8f
#f0e68c	#e8d98c	#e1cd8c	#d9c08d	#d2b48d	#caa78e	#c39b8e	#bc8f8f

Kombination von khaki und rosybrown
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.				rosybrown ist nicht als Schriftfarbe auf Hintergrund khaki geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von rosybrown und khaki ergibt sich zu 89.54%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 10.46%.

Hintergrundfarbe khaki				Schriftfarbe rosybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#f2e99c	#f2e99c	#cdc578	#cdc578	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#f4edac	#f4edac	#aba464	#aba464	#cfafaf	#cfafaf	#866666	#866666
#f6f0bd	#f6f0bd	#898350	#898350	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#f8f4cd	#f8f4cd	#66623c	#66623c	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#faf7de	#faf7de	#444128	#444128	#ebdfdf	#ebdfdf	#352828	#352828
#fcfbee	#fcfbee	#222014	#222014	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbe rosybrown

Wechsel der Hintergrundfarbe bei Hover von Befehl fieldset

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

Wir ändern z.B. die Hintergrundfarbe von <fieldset> auf Farbe khaki. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  fieldset { 
    background-color: khaki; 
    font-family: verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf rosybrown ändert.

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

Weiteres zu fieldset können Sie in Formulare in HTML lesen. Möglichkeiten vom Tag fieldset sind in der HTML Referenz unter <fieldset> genau gezeigt.

Wechsel der Umrandung bei Hover mit Tag hr

Die Rahmenfarbe soll sich von Farbe khaki auf Farbe rosybrown ä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 5 Pixel dicken, gestrichelten Rahmen in Farbe khaki.

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

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf rosybrown gesetzt wird.

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

Weiteres zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Tag hr ist in der HTML Referenz unter <hr> ausführlich beschrieben.