Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbe rosybrown

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 mediumslateblue			Schriftfarbe rosybrown
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift rosybrown
Farbe	:	mediumslateblue	Farbe	:	rosybrown
Farbwert	:	#7b68ee	Farbwert	:	#bc8f8f
HTML	:	mediumslateblue	HTML	:	rosybrown
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#bc8f8f
CSS	:	mediumslateblue	CSS	:	rosybrown
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbe rosybrown
#7b68ee	#846de0	#8d73d2	#9678c5	#a07eb7	#a983aa	#b2899c	#bc8f8f
#7b68ee	#846de0	#8d73d2	#9678c5	#a07eb7	#a983aa	#b2899c	#bc8f8f

Kombination von mediumslateblue und rosybrown
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. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von rosybrown und mediumslateblue ergibt sich zu 92.97%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.03%. Auf Hintergrund mediumslateblue ist rosybrown ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe mediumslateblue				Schriftfarbe rosybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#8d7df0	#8d7df0	#6959cc	#6959cc	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#a093f2	#a093f2	#574aaa	#574aaa	#cfafaf	#cfafaf	#866666	#866666
#b3a8f5	#b3a8f5	#463b88	#463b88	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#c6bef7	#c6bef7	#342c66	#342c66	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#d9d3fa	#d9d3fa	#231d44	#231d44	#ebdfdf	#ebdfdf	#352828	#352828
#ece9fc	#ece9fc	#110e22	#110e22	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumslateblue und Farbe rosybrown

Wechsel der Textfarbe bei Hover von Befehl center

Die Textfarbe soll sich von Farbe mediumslateblue auf Farbe rosybrown ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbe mediumslateblue vor.

Als Beispiel setzen wir bei <center> die Textfarbe auf Farbe mediumslateblue. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  center { 
    font-family:arial; 
    color:mediumslateblue;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf rosybrown ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum Tag <center>.