Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff4500 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.

Hintergrundfarbwert #ff4500			Schriftfarbwert #c71585
Detail	:	Hintergrund #ff4500	Detail	:	Schrift #c71585
Farbwert	:	#ff4500	Farbwert	:	#c71585
Farbe	:	orangered	Farbe	:	mediumvioletred
HTML	:	#ff4500	HTML	:	#c71585
HTML (Wert)	:	#ff4500	HTML (Wert)	:	#c71585
CSS	:	#ff4500	CSS	:	#c71585
CSS (Wert)	:	#ff4500	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#ff4500	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(255,69,0)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(100%,27%,0%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #ff4500 nach Schriftfarbwert #c71585
#ff4500	#f73e13	#ef3726	#e73039	#df294c	#d7225f	#cf1b72	#c71585
#ff4500	#f73e13	#ef3726	#e73039	#df294c	#d7225f	#cf1b72	#c71585

Kombination von #ff4500 und #c71585
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 von #c71585 und #ff4500 ergibt sich zu 92.50%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.50%. Auf Hintergrund #ff4500 ist #c71585 ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ff4500				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff4500	#ff4500	#ff4500	#ff4500	#c71585	#c71585	#c71585	#c71585
#ff5f24	#ff5f24	#da3b00	#da3b00	#cf3696	#cf3696	#aa1272	#aa1272
#ff7a48	#ff7a48	#b63100	#b63100	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#ff946d	#ff946d	#912700	#912700	#df79b9	#df79b9	#710c4c	#710c4c
#ffaf91	#ffaf91	#6d1d00	#6d1d00	#e79aca	#e79aca	#550939	#550939
#ffc9b6	#ffc9b6	#481300	#481300	#efbcdc	#efbcdc	#380626	#380626
#ffe4da	#ffe4da	#240900	#240900	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff4500 und Farbwert #c71585

Hintergrund/Text-Kombination von Befehl h2

Mit HTML-Tag <h2> wird eine Überschrift gesetzt und kann hervorgehoben und farblich gestaltet werden.

Wir ändern hier die Textfarbe von <h2> auf Farbwert #c71585 und die Hintergrundfarbe von <h2> auf Farbwert #ff4500. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 9px.

<style type="text/css"><!--
  h2 { 
    font-family: verdana; 
    font-size: 9px; 
    background-color: #ff4500; 
    color: #c71585;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Tag h2 lesen Sie in der HTML Referenz unter <h2>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl legend

Die Hintergrundfarbe soll sich von Farbwert #ff4500 auf Farbwert #c71585 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <legend> in Farbwert #ff4500 vor.

Wir legen zum Beispiel Farbwert #ff4500 als Hintergrundfarbe von <legend> fest. Die Schriftgröße setzen wir auf 129%:

<style type="text/css"><!--
  legend { 
    font-size: 129%; 
    background-color: #ff4500;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #c71585 ändert.

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

Weiteres zu legend können Sie in Formulare in HTML lesen. Mehr zum Tag legend ist in der HTML Referenz unter <legend> zusammengestellt.