Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumvioletred und Farbe deeppink

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			Schriftfarbe deeppink
Detail	:	Hintergrund mediumvioletred	Detail	:	Schrift deeppink
Farbe	:	mediumvioletred	Farbe	:	deeppink
Farbwert	:	#c71585	Farbwert	:	#ff1493
HTML	:	mediumvioletred	HTML	:	deeppink
HTML (Wert)	:	#c71585	HTML (Wert)	:	#ff1493
CSS	:	mediumvioletred	CSS	:	deeppink
CSS (Wert)	:	#c71585	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe mediumvioletred nach Schriftfarbe deeppink
#c71585	#cf1487	#d71489	#df148b	#e7148d	#ef148f	#f71491	#ff1493
#c71585	#cf1487	#d71489	#df148b	#e7148d	#ef148f	#f71491	#ff1493

Kombination von mediumvioletred und deeppink
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von deeppink und mediumvioletred beträgt 92.90%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.10%. Auf Hintergrund mediumvioletred ist deeppink ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe mediumvioletred				Schriftfarbe deeppink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#ff1493	#ff1493	#ff1493	#ff1493
#cf3696	#cf3696	#aa1272	#aa1272	#ff35a2	#ff35a2	#da117e	#da117e
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#ff57b1	#ff57b1	#b60e69	#b60e69
#df79b9	#df79b9	#710c4c	#710c4c	#ff78c1	#ff78c1	#910b54	#910b54
#e79aca	#e79aca	#550939	#550939	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#efbcdc	#efbcdc	#380626	#380626	#ffbbe0	#ffbbe0	#48052a	#48052a
#f7dded	#f7dded	#1c0313	#1c0313	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumvioletred und Farbe deeppink

Hintergrund/Text-Kombination bei HTML-Tag dt

Wir ändern hier die Textfarbe von <dt> auf Farbe deeppink und die Hintergrundfarbe von <dt> auf Farbe mediumvioletred. Die Schriftart ändern wir auf arial. Als Schriftgröße entscheiden wir uns für 113%.

<style type="text/css"><!--
  dt { 
    color:deeppink; 
    background-color:mediumvioletred; 
    font-size:113%; 
    font-family:arial;
  }
//-->
</style>

Mehr zu dt erfahren Sie in Listen und Glossare in HTML. Weiteres zum HTML-Befehl dt lesen Sie in der HTML Referenz unter <dt>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl var

Die Hintergrundfarbe soll sich von Farbe mediumvioletred auf Farbe deeppink ändern, wenn man mit der Maus auf <var> zeigt. Bereiten wir zunächst eine Darstellung von <var> in Farbe mediumvioletred vor.

Als Beispiel legen wir Farbe mediumvioletred als Hintergrundfarbe von <var> fest und setzen die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  var { 
    font-size:9pt; 
    background-color:mediumvioletred;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf deeppink gesetzt wird.

<style type="text/css"><!--
  var: hover { 
    background-color: deeppink;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachsehen. Die Beschreibung des Tag var finden Sie in der HTML Referenz unter <var>.