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

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.

Hintergrundfarbe mediumslateblue			Schriftfarbwert #c71585
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift #c71585
Farbe	:	mediumslateblue	Farbwert	:	#c71585
Farbwert	:	#7b68ee	Farbe	:	mediumvioletred
HTML	:	mediumslateblue	HTML	:	#c71585
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#c71585
CSS	:	mediumslateblue	CSS	:	#c71585
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbwert #c71585
#7b68ee	#855cdf	#9050d0	#9b44c1	#a638b2	#b12ca3	#bc2094	#c71585
#7b68ee	#855cdf	#9050d0	#9b44c1	#a638b2	#b12ca3	#bc2094	#c71585

Kombination von mediumslateblue und #c71585
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund mediumslateblue ist #c71585 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #c71585 und mediumslateblue ergibt sich zu 93.78%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.22%.

Hintergrundfarbe mediumslateblue				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#c71585	#c71585	#c71585	#c71585
#8d7df0	#8d7df0	#6959cc	#6959cc	#cf3696	#cf3696	#aa1272	#aa1272
#a093f2	#a093f2	#574aaa	#574aaa	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#b3a8f5	#b3a8f5	#463b88	#463b88	#df79b9	#df79b9	#710c4c	#710c4c
#c6bef7	#c6bef7	#342c66	#342c66	#e79aca	#e79aca	#550939	#550939
#d9d3fa	#d9d3fa	#231d44	#231d44	#efbcdc	#efbcdc	#380626	#380626
#ece9fc	#ece9fc	#110e22	#110e22	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumslateblue und Farbwert #c71585

Wechsel der Hintergrundfarbe bei Hover bei Befehl h4

Mit HTML-Befehl <h4> wird eine Überschrift erzeugt. Diese kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe mediumslateblue auf Farbwert #c71585 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h4> in Farbe mediumslateblue vor.

Wir ändern in diesem Beispiel die Hintergrundfarbe von <h4> auf Farbe mediumslateblue. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h4 { 
    background-color: mediumslateblue; 
    font-family: sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #c71585 gesetzt wird.

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

Mehr zu h4 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten Tag h4 finden Sie in der HTML Referenz unter <h4>.