Ressourcen: 120 HTML Farbnamen - Kombination von Farbe sienna und Farbwert #ffe4b5

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 #ffe4b5
Detail	:	Hintergrund sienna	Detail	:	Schrift #ffe4b5
Farbe	:	sienna	Farbwert	:	#ffe4b5
Farbwert	:	#a0522d	Farbe	:	moccasin
HTML	:	sienna	HTML	:	#ffe4b5
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#ffe4b5
CSS	:	sienna	CSS	:	#ffe4b5
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #ffe4b5
#a0522d	#ad6640	#bb7b53	#c89067	#d6a57a	#e3ba8e	#f1cfa1	#ffe4b5
#a0522d	#ad6640	#bb7b53	#c89067	#d6a57a	#e3ba8e	#f1cfa1	#ffe4b5

Kombination von sienna und #ffe4b5
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund sienna. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #ffe4b5 und sienna ergibt sich zu 78.33%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 21.67%.

Hintergrundfarbe sienna				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#ad6a4b	#ad6a4b	#894626	#894626	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#bb8369	#bb8369	#723a20	#723a20	#ffebca	#ffebca	#b6a281	#b6a281
#c89c87	#c89c87	#5b2e19	#5b2e19	#ffefd4	#ffefd4	#918267	#918267
#d6b4a5	#d6b4a5	#442313	#442313	#fff3df	#fff3df	#6d614d	#6d614d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#fff7e9	#fff7e9	#484133	#484133
#f1e6e1	#f1e6e1	#160b06	#160b06	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe sienna und Farbwert #ffe4b5

Wechsel der Umrandung bei Hover von Tag q

Die Rahmenfarbe soll sich von Farbe sienna auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <q> in Farbe sienna vor.

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

<style type="text/css"><!--
  q { 
    border-color:sienna; 
    border-width:1px; 
    border-style:groove;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #ffe4b5 ändert.

<style type="text/css"><!--
  q: hover { 
    border-color: #ffe4b5;
  }
//-->
</style>

Einzelheiten des HTML-Tag <q>.