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

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 #dc143c
Detail	:	Hintergrund sienna	Detail	:	Schrift #dc143c
Farbe	:	sienna	Farbwert	:	#dc143c
Farbwert	:	#a0522d	Farbe	:	crimson
HTML	:	sienna	HTML	:	#dc143c
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#dc143c
CSS	:	sienna	CSS	:	#dc143c
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #dc143c
#a0522d	#a8492f	#b14031	#b93733	#c22e35	#ca2537	#d31c39	#dc143c
#a0522d	#a8492f	#b14031	#b93733	#c22e35	#ca2537	#d31c39	#dc143c

Kombination von sienna und #dc143c
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				#dc143c ist nicht als Schriftfarbe auf Hintergrund sienna geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #dc143c und sienna beträgt 94.64%. Die Lesbarkeit dieser Kombination liegt damit bei 5.36%.

Hintergrundfarbe sienna				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#dc143c	#dc143c	#dc143c	#dc143c
#ad6a4b	#ad6a4b	#894626	#894626	#e13557	#e13557	#bc1133	#bc1133
#bb8369	#bb8369	#723a20	#723a20	#e65773	#e65773	#9d0e2a	#9d0e2a
#c89c87	#c89c87	#5b2e19	#5b2e19	#eb788f	#eb788f	#7d0b22	#7d0b22
#d6b4a5	#d6b4a5	#442313	#442313	#f09aab	#f09aab	#5e0819	#5e0819
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#f1e6e1	#f1e6e1	#160b06	#160b06	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sienna und Farbwert #dc143c

Wechsel der Hintergrundfarbe bei Hover mit Tag option

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

Wir legen als Beispiel bei <option> die Hintergrundfarbe auf Farbe sienna fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 121%:

<style type="text/css"><!--
  option { 
    font-size: 121%; 
    background-color: sienna; 
    font-family: monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #dc143c ändert.

<style type="text/css"><!--
  option:hover { 
    background-color:#dc143c;
  }
//-->
</style>

Mehr zum Thema finden Sie in Formulare in HTML. Mehr zum hier gezeigten HTML-Tag <option>.

Füllen und Umranden bei HTML-Tag em

Bei diesem Beispiel umranden wir <em> mit einem . Die Hintergrundfarbe für <em> setzen wir entsprechend auf Farbe sienna. Dies ist in HTML so kaum möglich. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  em { 
    border-color:#dc143c; 
    border-width:5pt; 
    border-style:outset; 
    background-color:sienna;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Möglichkeiten vom HTML-Befehl <em>.