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

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 #ffc0cb
Detail	:	Hintergrund mediumvioletred	Detail	:	Schrift #ffc0cb
Farbe	:	mediumvioletred	Farbwert	:	#ffc0cb
Farbwert	:	#c71585	Farbe	:	pink
HTML	:	mediumvioletred	HTML	:	#ffc0cb
HTML (Wert)	:	#c71585	HTML (Wert)	:	#ffc0cb
CSS	:	mediumvioletred	CSS	:	#ffc0cb
CSS (Wert)	:	#c71585	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe mediumvioletred nach Schriftfarbwert #ffc0cb
#c71585	#cf2d8f	#d74599	#df5ea3	#e776ad	#ef8fb7	#f7a7c1	#ffc0cb
#c71585	#cf2d8f	#d74599	#df5ea3	#e776ad	#ef8fb7	#f7a7c1	#ffc0cb

Kombination von mediumvioletred und #ffc0cb
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund mediumvioletred ist #ffc0cb ungeeignet. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #ffc0cb und mediumvioletred ergibt sich zu 83.22%. Die Lesbarkeit dieser Kombination bewerte ich mit 16.78%.

Hintergrundfarbe mediumvioletred				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#cf3696	#cf3696	#aa1272	#aa1272	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#ffd2d9	#ffd2d9	#b68991	#b68991
#df79b9	#df79b9	#710c4c	#710c4c	#ffdbe1	#ffdbe1	#916d74	#916d74
#e79aca	#e79aca	#550939	#550939	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#efbcdc	#efbcdc	#380626	#380626	#ffedf0	#ffedf0	#48363a	#48363a
#f7dded	#f7dded	#1c0313	#1c0313	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumvioletred und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover mit Tag a

Einen Verweis setzt man mit Tag <a>. Diesen können Sie farblich gestalten.

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

Wir ändern in diesem Beispiel bei <a> die Textfarbe auf Farbe mediumvioletred. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf sans-serif.

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ffc0cb ändert.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Beschreibung vom hier genutzten Tag <a>.