Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #c71585 und Farbe purple

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #c71585			Schriftfarbe purple
Detail	:	Hintergrund #c71585	Detail	:	Schrift purple
Farbwert	:	#c71585	Farbe	:	purple
Farbe	:	mediumvioletred	Farbwert	:	#800080
HTML	:	#c71585	HTML	:	purple
HTML (Wert)	:	#c71585	HTML (Wert)	:	#800080
CSS	:	#c71585	CSS	:	purple
CSS (Wert)	:	#c71585	CSS (Wert)	:	#800080
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbe purple
#c71585	#bc1284	#b20f83	#a80c82	#9e0982	#940681	#8a0380	#800080
#c71585	#bc1284	#b20f83	#a80c82	#9e0982	#940681	#8a0380	#800080

Kombination von #c71585 und purple
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben purple und #c71585 beträgt 91.73%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.27%. Auf Hintergrund #c71585 ist purple ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #c71585				Schriftfarbe purple
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#800080	#800080	#800080	#800080
#cf3696	#cf3696	#aa1272	#aa1272	#922492	#922492	#6d006d	#6d006d
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#a448a4	#a448a4	#5b005b	#5b005b
#df79b9	#df79b9	#710c4c	#710c4c	#b66db6	#b66db6	#490049	#490049
#e79aca	#e79aca	#550939	#550939	#c891c8	#c891c8	#360036	#360036
#efbcdc	#efbcdc	#380626	#380626	#dab6da	#dab6da	#240024	#240024
#f7dded	#f7dded	#1c0313	#1c0313	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #c71585 und Farbe purple

Wechsel der Textfarbe bei Hover bei HTML-Tag h2

Mit Tag <h2> wird eine Überschrift der 2. Stufe gesetzt. Diese kann man farblich gestalten.

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

Z.B. legen wir bei <h2> die Textfarbe auf Farbwert #c71585 fest:

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf purple geändert wird.

<style type="text/css"><!--
  h2: hover { 
    color: purple;
  }
//-->
</style>

Weiteres zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten Befehl <h2>.