Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumvioletred und Farbwert #f0f8ff

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 mediumvioletred			Schriftfarbwert #f0f8ff
Detail	:	Hintergrund mediumvioletred	Detail	:	Schrift #f0f8ff
Farbe	:	mediumvioletred	Farbwert	:	#f0f8ff
Farbwert	:	#c71585	Farbe	:	aliceblue
HTML	:	mediumvioletred	HTML	:	#f0f8ff
HTML (Wert)	:	#c71585	HTML (Wert)	:	#f0f8ff
CSS	:	mediumvioletred	CSS	:	#f0f8ff
CSS (Wert)	:	#c71585	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbe mediumvioletred nach Schriftfarbwert #f0f8ff
#c71585	#cc3596	#d255a7	#d876b9	#de96ca	#e4b7dc	#ead7ed	#f0f8ff
#c71585	#cc3596	#d255a7	#d876b9	#de96ca	#e4b7dc	#ead7ed	#f0f8ff

Kombination von mediumvioletred und #f0f8ff
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #f0f8ff und mediumvioletred beträgt 75.94%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 24.06%. #f0f8ff eignet sich nicht als Schriftfarbe auf Hintergrund mediumvioletred, da der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbe mediumvioletred				Schriftfarbwert #f0f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#cf3696	#cf3696	#aa1272	#aa1272	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#f4faff	#f4faff	#abb1b6	#abb1b6
#df79b9	#df79b9	#710c4c	#710c4c	#f6fbff	#f6fbff	#898d91	#898d91
#e79aca	#e79aca	#550939	#550939	#f8fcff	#f8fcff	#666a6d	#666a6d
#efbcdc	#efbcdc	#380626	#380626	#fafdff	#fafdff	#444648	#444648
#f7dded	#f7dded	#1c0313	#1c0313	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumvioletred und Farbwert #f0f8ff

Hintergrund/Text-Kombination bei HTML-Tag li

Hier ändern wir die Textfarbe von <li> auf Farbwert #f0f8ff und die Hintergrundfarbe von <li> auf Farbe mediumvioletred. Die Schriftart ändern wir auf monospace. Die Schriftgröße verringern wir auf 91%.

<style type="text/css"><!--
  li { 
    color: #f0f8ff; 
    background-color: mediumvioletred; 
    font-family: monospace; 
    font-size: 91%;
  }
//-->
</style>

Mehr zu li lesen Sie in Listen und Glossare in HTML. Möglichkeiten des HTML-Befehl li sind in der HTML Referenz bei <li> genau zusammengestellt.

Wechsel der Textfarbe bei Hover bei Befehl legend

Die Textfarbe soll sich von Farbe mediumvioletred auf Farbwert #f0f8ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <legend> in Farbe mediumvioletred vor.

Wir ändern z.B. die Textfarbe von <legend> auf Farbe mediumvioletred. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial:

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #f0f8ff gesetzt wird.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Zur Beschreibung des HTML-Tag <legend>.