Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbe sienna

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 lavenderblush			Schriftfarbe sienna
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift sienna
Farbe	:	lavenderblush	Farbe	:	sienna
Farbwert	:	#fff0f5	Farbwert	:	#a0522d
HTML	:	lavenderblush	HTML	:	sienna
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#a0522d
CSS	:	lavenderblush	CSS	:	sienna
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbe sienna
#fff0f5	#f1d9d8	#e3c2bb	#d6ac9f	#c89582	#bb7f66	#ad6849	#a0522d
#fff0f5	#f1d9d8	#e3c2bb	#d6ac9f	#c89582	#bb7f66	#ad6849	#a0522d

Kombination von lavenderblush und sienna
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von sienna und lavenderblush ergibt sich zu 75.76%. Die Lesbarkeit dieser Kombination liegt damit bei 24.24%. Auf Hintergrund lavenderblush ist sienna ungeeignet, weil der Farbunterschied zu gering ist

Hintergrundfarbe lavenderblush				Schriftfarbe sienna
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#a0522d	#a0522d	#a0522d	#a0522d
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#ad6a4b	#ad6a4b	#894626	#894626
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#bb8369	#bb8369	#723a20	#723a20
#fff6f9	#fff6f9	#91898c	#91898c	#c89c87	#c89c87	#5b2e19	#5b2e19
#fff8fa	#fff8fa	#6d6669	#6d6669	#d6b4a5	#d6b4a5	#442313	#442313
#fffafc	#fffafc	#484446	#484446	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fffcfd	#fffcfd	#242223	#242223	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lavenderblush und Farbe sienna

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag address

Die Hintergrundfarbe soll sich von Farbe lavenderblush auf Farbe sienna ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst die Darstellung von <address> in Farbe lavenderblush vor.

Als Beispiel legen wir bei <address> die Hintergrundfarbe auf Farbe lavenderblush fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  address { 
    font-size:13px; 
    font-family:arial; 
    background-color:lavenderblush;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf sienna gesetzt wird.

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

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Der HTML-Tag address ist in der HTML Referenz bei <address> ausführlich beschrieben.