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

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			Schriftfarbe darkolivegreen
Detail	:	Hintergrund #c71585	Detail	:	Schrift darkolivegreen
Farbwert	:	#c71585	Farbe	:	darkolivegreen
Farbe	:	mediumvioletred	Farbwert	:	#556b2f
HTML	:	#c71585	HTML	:	darkolivegreen
HTML (Wert)	:	#c71585	HTML (Wert)	:	#556b2f
CSS	:	#c71585	CSS	:	darkolivegreen
CSS (Wert)	:	#c71585	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbe darkolivegreen
#c71585	#b62178	#a62d6c	#963960	#854653	#755247	#655e3b	#556b2f
#c71585	#b62178	#a62d6c	#963960	#854653	#755247	#655e3b	#556b2f

Kombination von #c71585 und darkolivegreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				darkolivegreen eignet sich nicht als Schriftfarbe auf Hintergrund #c71585, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von darkolivegreen und #c71585 beträgt 94.77%. Die Lesbarkeit dieser Kombination liegt damit bei 5.23%.

Hintergrundfarbwert #c71585				Schriftfarbe darkolivegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#556b2f	#556b2f	#556b2f	#556b2f
#cf3696	#cf3696	#aa1272	#aa1272	#6d804c	#6d804c	#485b28	#485b28
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#85956a	#85956a	#3c4c21	#3c4c21
#df79b9	#df79b9	#710c4c	#710c4c	#9daa88	#9daa88	#303d1a	#303d1a
#e79aca	#e79aca	#550939	#550939	#b6bfa5	#b6bfa5	#242d14	#242d14
#efbcdc	#efbcdc	#380626	#380626	#ced4c3	#ced4c3	#181e0d	#181e0d
#f7dded	#f7dded	#1c0313	#1c0313	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #c71585 und Farbe darkolivegreen

Wechsel der Textfarbe bei Hover bei Tag ins

Die Textfarbe soll sich von Farbwert #c71585 auf Farbe darkolivegreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <ins> in Farbwert #c71585 vor.

Wir legen für dieses Beispiel die Textfarbe von <ins> auf Farbwert #c71585 fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf sans-serif und setzen die Schriftgröße auf 83%.

<style type="text/css"><!--
  ins { 
    color: #c71585; 
    font-size: 83%; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf darkolivegreen geändert wird.

<style type="text/css"><!--
  ins:hover { 
    color:darkolivegreen;
  }
//-->
</style>

Weiteres zum hier verwendeten Tag ins finden Sie in der HTML Referenz unter <ins>.