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

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 #c71585
Detail	:	Hintergrund sienna	Detail	:	Schrift #c71585
Farbe	:	sienna	Farbwert	:	#c71585
Farbwert	:	#a0522d	Farbe	:	mediumvioletred
HTML	:	sienna	HTML	:	#c71585
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#c71585
CSS	:	sienna	CSS	:	#c71585
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #c71585
#a0522d	#a54939	#ab4046	#b03752	#b62f5f	#bb266b	#c11d78	#c71585
#a0522d	#a54939	#ab4046	#b03752	#b62f5f	#bb266b	#c11d78	#c71585

Kombination von sienna und #c71585
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#c71585 ist nicht als Schriftfarbe auf Hintergrund sienna geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #c71585 und sienna ergibt sich zu 95.07%. Die Lesbarkeit dieser Kombination liegt damit bei 4.93%.

Hintergrundfarbe sienna				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#c71585	#c71585	#c71585	#c71585
#ad6a4b	#ad6a4b	#894626	#894626	#cf3696	#cf3696	#aa1272	#aa1272
#bb8369	#bb8369	#723a20	#723a20	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#c89c87	#c89c87	#5b2e19	#5b2e19	#df79b9	#df79b9	#710c4c	#710c4c
#d6b4a5	#d6b4a5	#442313	#442313	#e79aca	#e79aca	#550939	#550939
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#efbcdc	#efbcdc	#380626	#380626
#f1e6e1	#f1e6e1	#160b06	#160b06	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sienna und Farbwert #c71585

Hintergrund/Text-Kombination von HTML-Befehl th

Für dieses Beispiel ändern wir die Textfarbe von <th> auf Farbwert #c71585 und die Hintergrundfarbe von <th> auf Farbe sienna. Als Schriftart wählen wir sans-serif. Als Schriftgröße setzen wir 129%.

<style type="text/css"><!--
  th { 
    color: #c71585; 
    background-color: sienna; 
    font-size: 129%; 
    font-family: sans-serif;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Möglichkeiten vom hier verwendeten HTML-Tag th lesen Sie in der HTML Referenz unter <th>.

Wechsel der Textfarbe bei Hover mit HTML-Tag label

Die Textfarbe soll sich von Farbe sienna auf Farbwert #c71585 ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst eine Formatierung von <label> in Farbe sienna vor.

Wir legen für dieses Beispiel Farbe sienna als Textfarbe von <label> fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf courier new und setzen die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  label { 
    color: sienna; 
    font-size: 9pt; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #c71585 ändert.

<style type="text/css"><!--
  label:hover { 
    color:#c71585;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML finden. Die Beschreibung des HTML-Befehl label finden Sie in der HTML Referenz unter <label>.