Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f4a460 und Farbwert #8fbc8f

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 #f4a460			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund #f4a460	Detail	:	Schrift #8fbc8f
Farbwert	:	#f4a460	Farbwert	:	#8fbc8f
Farbe	:	sandybrown	Farbe	:	darkseagreen
HTML	:	#f4a460	HTML	:	#8fbc8f
HTML (Wert)	:	#f4a460	HTML (Wert)	:	#8fbc8f
CSS	:	#f4a460	CSS	:	#8fbc8f
CSS (Wert)	:	#f4a460	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#f4a460	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(244,164,96)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(95%,64%,37%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbwert #f4a460 nach Schriftfarbwert #8fbc8f
#f4a460	#e5a766	#d7aa6d	#c8ae74	#bab17a	#abb581	#9db888	#8fbc8f
#f4a460	#e5a766	#d7aa6d	#c8ae74	#bab17a	#abb581	#9db888	#8fbc8f

Kombination von #f4a460 und #8fbc8f
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #8fbc8f und #f4a460 beträgt 94.96%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.04%. Auf Hintergrund #f4a460 ist #8fbc8f ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #f4a460				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f4a460	#f4a460	#f4a460	#f4a460	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#f5b176	#f5b176	#d18c52	#d18c52	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#f7be8d	#f7be8d	#ae7544	#ae7544	#afcfaf	#afcfaf	#668666	#668666
#f8cba4	#f8cba4	#8b5d36	#8b5d36	#bfd8bf	#bfd8bf	#516b51	#516b51
#fad8ba	#fad8ba	#684629	#684629	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#fbe5d1	#fbe5d1	#452e1b	#452e1b	#dfebdf	#dfebdf	#283528	#283528
#fdf2e8	#fdf2e8	#22170d	#22170d	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f4a460 und Farbwert #8fbc8f

Wechsel der Textfarbe bei Hover von Befehl legend

Die Textfarbe soll sich von Farbwert #f4a460 auf Farbwert #8fbc8f ändern, wenn man mit der Maus auf <legend> zeigt. Bereiten wir zunächst die Darstellung von <legend> in Farbwert #f4a460 vor.

In diesem Beispiel legen wir Farbwert #f4a460 als Textfarbe von <legend> fest:

<style type="text/css"><!--
  legend { 
    color:#f4a460;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #8fbc8f ändert.

<style type="text/css"><!--
  legend:hover { 
    color:#8fbc8f;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Weiteres zum hier verwendeten HTML-Tag legend ist in der HTML Referenz unter <legend> gezeigt.