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

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 #8fbc8f			Schriftfarbe lemonchiffon
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift lemonchiffon
Farbwert	:	#8fbc8f	Farbe	:	lemonchiffon
Farbe	:	darkseagreen	Farbwert	:	#fffacd
HTML	:	#8fbc8f	HTML	:	lemonchiffon
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#fffacd
CSS	:	#8fbc8f	CSS	:	lemonchiffon
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbe lemonchiffon
#8fbc8f	#9fc497	#afcda0	#bfd6a9	#cfdfb2	#dfe8bb	#eff1c4	#fffacd
#8fbc8f	#9fc497	#afcda0	#bfd6a9	#cfdfb2	#dfe8bb	#eff1c4	#fffacd

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

Hintergrundfarbwert #8fbc8f				Schriftfarbe lemonchiffon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#fffacd	#fffacd	#fffacd	#fffacd
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#fffad4	#fffad4	#dad6af	#dad6af
#afcfaf	#afcfaf	#668666	#668666	#fffbdb	#fffbdb	#b6b292	#b6b292
#bfd8bf	#bfd8bf	#516b51	#516b51	#fffce2	#fffce2	#918e75	#918e75
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#fffce9	#fffce9	#6d6b57	#6d6b57
#dfebdf	#dfebdf	#283528	#283528	#fffdf0	#fffdf0	#48473a	#48473a
#eff5ef	#eff5ef	#141a14	#141a14	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8fbc8f und Farbe lemonchiffon

Wechsel der Textfarbe bei Hover mit Tag samp

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

Zum Beispiel ändern wir bei <samp> die Textfarbe auf Farbwert #8fbc8f:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu lemonchiffon ändert.

<style type="text/css"><!--
  samp: hover { 
    color: lemonchiffon;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachlesen. Die Beschreibung des hier verwendeten HTML-Tag samp finden Sie in der HTML Referenz unter <samp>.

Wechsel der Unterstreichung bei Hover mit Tag fieldset

Die Farbe der Unterstreichung soll sich von Farbwert #8fbc8f auf Farbe lemonchiffon ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst eine Formatierung von <fieldset> in Farbwert #8fbc8f vor.

Beispielsweise unterstreichen wir <fieldset> mit Hilfe eines gestrichelten Rahmens mit 3 Pixel Dicke in Farbwert #8fbc8f.

<style type="text/css"><!--
  fieldset { border-bottom:3px dashed #8fbc8f; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Farbe der Unterstreichung auf lemonchiffon ändert.

<style type="text/css"><!--
  fieldset: hover { 
    border-bottom-color: lemonchiffon;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie dies bei Links. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist aber keine wirkliche Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zum Thema fieldset können Sie in Formulare in HTML nachsehen. Einzelheiten des HTML-Befehl fieldset finden Sie in der HTML Referenz unter <fieldset>.