Ressourcen: 120 HTML Farbnamen - Kombination von Farbe sienna 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.

Hintergrundfarbe sienna			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund sienna	Detail	:	Schrift #8fbc8f
Farbe	:	sienna	Farbwert	:	#8fbc8f
Farbwert	:	#a0522d	Farbe	:	darkseagreen
HTML	:	sienna	HTML	:	#8fbc8f
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#8fbc8f
CSS	:	sienna	CSS	:	#8fbc8f
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #8fbc8f
#a0522d	#9d613b	#9b7049	#987f57	#968e65	#939d73	#91ac81	#8fbc8f
#a0522d	#9d613b	#9b7049	#987f57	#968e65	#939d73	#91ac81	#8fbc8f

Kombination von sienna und #8fbc8f
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #8fbc8f und sienna beträgt 87.57%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.43%. Auf Hintergrund sienna ist #8fbc8f ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe sienna				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#ad6a4b	#ad6a4b	#894626	#894626	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#bb8369	#bb8369	#723a20	#723a20	#afcfaf	#afcfaf	#668666	#668666
#c89c87	#c89c87	#5b2e19	#5b2e19	#bfd8bf	#bfd8bf	#516b51	#516b51
#d6b4a5	#d6b4a5	#442313	#442313	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#dfebdf	#dfebdf	#283528	#283528
#f1e6e1	#f1e6e1	#160b06	#160b06	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sienna und Farbwert #8fbc8f

Wechsel der Umrandung bei Hover bei Tag dt

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

In diesem Beispiel umranden wir <dt> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe sienna.

<style type="text/css"><!--
  dt { border:1px ridge sienna; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #8fbc8f ändert.

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

Weiteres zu dt können Sie in Listen und Glossare in HTML lesen. Mehr zum HTML-Tag dt ist in der HTML Referenz unter <dt> ausführlich gezeigt.

Füllen und Umranden mit Tag s

Für dieses Beispiel umranden wir <s> mit einem gefurchten, 4 Punkte dicken Rahmen in Farbwert #8fbc8f . Den Hintergrund von <s> färben wir entsprechend mit Farbe sienna. Das geht mit HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  s { border:4pt groove #8fbc8f; background-color:sienna; }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachsehen. Weiteres zum hier genutzten Tag <s>.