Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #c71585 und Farbwert #fffacd

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.

Hintergrundfarbwert #c71585			Schriftfarbwert #fffacd
Detail	:	Hintergrund #c71585	Detail	:	Schrift #fffacd
Farbwert	:	#c71585	Farbwert	:	#fffacd
Farbe	:	mediumvioletred	Farbe	:	lemonchiffon
HTML	:	#c71585	HTML	:	#fffacd
HTML (Wert)	:	#c71585	HTML (Wert)	:	#fffacd
CSS	:	#c71585	CSS	:	#fffacd
CSS (Wert)	:	#c71585	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbwert #fffacd
#c71585	#cf358f	#d75699	#df77a3	#e797ae	#efb8b8	#f7d9c2	#fffacd
#c71585	#cf358f	#d75699	#df77a3	#e797ae	#efb8b8	#f7d9c2	#fffacd

Kombination von #c71585 und #fffacd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Auf Hintergrund #c71585 ist #fffacd ungeeignet, weil sich die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #fffacd und #c71585 beträgt 75.65%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 24.35%.

Hintergrundfarbwert #c71585				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#fffacd	#fffacd	#fffacd	#fffacd
#cf3696	#cf3696	#aa1272	#aa1272	#fffad4	#fffad4	#dad6af	#dad6af
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#fffbdb	#fffbdb	#b6b292	#b6b292
#df79b9	#df79b9	#710c4c	#710c4c	#fffce2	#fffce2	#918e75	#918e75
#e79aca	#e79aca	#550939	#550939	#fffce9	#fffce9	#6d6b57	#6d6b57
#efbcdc	#efbcdc	#380626	#380626	#fffdf0	#fffdf0	#48473a	#48473a
#f7dded	#f7dded	#1c0313	#1c0313	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c71585 und Farbwert #fffacd

Wechsel der Textfarbe bei Hover von HTML-Tag li

Die Textfarbe soll sich von Farbwert #c71585 auf Farbwert #fffacd ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst eine Formatierung von <li> in Farbwert #c71585 vor.

Z.B. ändern wir die Textfarbe von <li> auf Farbwert #c71585:

<style type="text/css"><!--
  li { 
    color:#c71585;
  }
//-->
</style>

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

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

Mehr zum Thema li finden Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier genutzten HTML-Tag <li>.

Füllen und Umranden bei Tag div

Mit HTML-Tag <div> setzen Sie einen Kontainer. Er kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <div> mit einem . Die Hintergrundfarbe für <div> setzen wir auf Farbwert #c71585. In HTML ist dies kaum möglich. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  div { border:4pt groove #fffacd; background-color:#c71585; }
//-->
</style>

Möglichkeiten vom hier verwendeten HTML-Befehl div finden Sie in der HTML Referenz unter <div>.