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

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 #f5f5dc			Schriftfarbwert #c71585
Detail	:	Hintergrund #f5f5dc	Detail	:	Schrift #c71585
Farbwert	:	#f5f5dc	Farbwert	:	#c71585
Farbe	:	beige	Farbe	:	mediumvioletred
HTML	:	#f5f5dc	HTML	:	#c71585
HTML (Wert)	:	#f5f5dc	HTML (Wert)	:	#c71585
CSS	:	#f5f5dc	CSS	:	#c71585
CSS (Wert)	:	#f5f5dc	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#f5f5dc	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(245,245,220)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(96%,96%,86%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #f5f5dc nach Schriftfarbwert #c71585
#f5f5dc	#eed5cf	#e7b5c3	#e195b6	#da75aa	#d4559d	#cd3591	#c71585
#f5f5dc	#eed5cf	#e7b5c3	#e195b6	#da75aa	#d4559d	#cd3591	#c71585

Kombination von #f5f5dc und #c71585
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante.				Die Ähnlichkeit von #c71585 und #f5f5dc beträgt 76.68%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 23.32%. #c71585 ist nicht als Schriftfarbe auf Hintergrund #f5f5dc geeignet, weil sich die Farben zu ähnlich sind.

Hintergrundfarbwert #f5f5dc				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc	#c71585	#c71585	#c71585	#c71585
#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc	#cf3696	#cf3696	#aa1272	#aa1272
#f7f7e6	#f7f7e6	#afaf9d	#afaf9d	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d	#df79b9	#df79b9	#710c4c	#710c4c
#fafaf0	#fafaf0	#69695e	#69695e	#e79aca	#e79aca	#550939	#550939
#fcfcf5	#fcfcf5	#46463e	#46463e	#efbcdc	#efbcdc	#380626	#380626
#fdfdfa	#fdfdfa	#23231f	#23231f	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f5f5dc und Farbwert #c71585

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

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

Als Beispiel legen wir die Textfarbe von <blockquote> auf Farbwert #f5f5dc fest. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  blockquote { 
    font-size:13px; 
    color:#f5f5dc;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #c71585 gesetzt wird.

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

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Tag <blockquote>.