Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe mediumvioletred

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
Detail	:	Hintergrundfarbe mediumvioletred	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	mediumvioletred	#c71585	#c71585	#c71585	#c71585
Farbwert	:	#c71585	#cf3696	#cf3696	#aa1272	#aa1272
HTML	:	mediumvioletred	#d757a7	#d757a7	#8e0f5f	#8e0f5f
CSS	:	mediumvioletred	#df79b9	#df79b9	#710c4c	#710c4c
CSS (Wert)	:	#c71585	#e79aca	#e79aca	#550939	#550939
CSS (kürzest)	:	#c71585	#efbcdc	#efbcdc	#380626	#380626
CSS (RGB)	:	rgb(199,21,133)	#f7dded	#f7dded	#1c0313	#1c0313
CSS (%RGB)	:	rgb(78%,8%,52%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe mediumvioletred

Änderung der Unterstreichung bei Hover bei Tag caption

Die Farbe der Unterstreichung soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <caption> so ein, dass sich bei Berührung mit der Maus die Farbe der Unterstreichung auf Farbe mediumvioletred ändert.

<style type="text/css"><!--
  caption:hover { 
    border-bottom-color:mediumvioletred;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Tabellen in HTML. Der hier verwendete HTML-Tag caption ist in der HTML Referenz unter <caption> ausführlich gezeigt.

Umrandung mit Tag blockquote

In diesem Beispiel umranden wir <blockquote> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe mediumvioletred. Mit HTML geht dies kaum. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  blockquote { border:2px inset mediumvioletred; }
//-->
</style>

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Tag <blockquote>.