Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #c71585 und Farbwert #4b0082

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 #c71585			Schriftfarbwert #4b0082
Detail	:	Hintergrund #c71585	Detail	:	Schrift #4b0082
Farbwert	:	#c71585	Farbwert	:	#4b0082
Farbe	:	mediumvioletred	Farbe	:	indigo
HTML	:	#c71585	HTML	:	#4b0082
HTML (Wert)	:	#c71585	HTML (Wert)	:	#4b0082
CSS	:	#c71585	CSS	:	#4b0082
CSS (Wert)	:	#c71585	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbwert #4b0082
#c71585	#b51284	#a30f84	#910c83	#800983	#6e0682	#5c0382	#4b0082
#c71585	#b51284	#a30f84	#910c83	#800983	#6e0682	#5c0382	#4b0082

Kombination von #c71585 und #4b0082
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von #4b0082 und #c71585 beträgt 88.62%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.38%. Auf Hintergrund #c71585 ist #4b0082 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #c71585				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#4b0082	#4b0082	#4b0082	#4b0082
#cf3696	#cf3696	#aa1272	#aa1272	#642493	#642493	#40006f	#40006f
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#7e48a5	#7e48a5	#35005c	#35005c
#df79b9	#df79b9	#710c4c	#710c4c	#986db7	#986db7	#2a004a	#2a004a
#e79aca	#e79aca	#550939	#550939	#b191c9	#b191c9	#200037	#200037
#efbcdc	#efbcdc	#380626	#380626	#cbb6db	#cbb6db	#150025	#150025
#f7dded	#f7dded	#1c0313	#1c0313	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c71585 und Farbwert #4b0082

Hintergrund/Text-Kombination von HTML-Befehl legend

Hier ändern wir die Textfarbe von <legend> auf Farbwert #4b0082 und die Hintergrundfarbe von <legend> auf Farbwert #c71585. Die Schriftart setzen wir auf monospace und als Schriftgröße setzen wir 88%.

<style type="text/css"><!--
  legend { 
    font-size:88%; 
    font-family:monospace; 
    color:#4b0082; 
    background-color:#c71585;
  }
//-->
</style>

Mehr zum Thema legend können Sie in Formulare in HTML erfahren. Mehr zum HTML-Tag legend erfahren Sie in der HTML Referenz unter <legend>.

Wechsel der Textfarbe bei Hover von HTML-Tag h4

Eine Überschrift erzeugt man mit Befehl <h4> und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #c71585 auf Farbwert #4b0082 ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Darstellung von <h4> in Farbwert #c71585 vor.

Wir legen hier Farbwert #c71585 als Textfarbe von <h4> fest:

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

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #4b0082 ändert.

<style type="text/css"><!--
  h4: hover { 
    color: #4b0082;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten HTML-Tag h4 finden Sie in der HTML Referenz unter <h4>.