Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcoral und Farbwert #ba55d3

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 lightcoral			Schriftfarbwert #ba55d3
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #ba55d3
Farbe	:	lightcoral	Farbwert	:	#ba55d3
Farbwert	:	#f08080	Farbe	:	mediumorchid
HTML	:	lightcoral	HTML	:	#ba55d3
HTML (Wert)	:	#f08080	HTML (Wert)	:	#ba55d3
CSS	:	lightcoral	CSS	:	#ba55d3
CSS (Wert)	:	#f08080	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe lightcoral nach Schriftfarbwert #ba55d3
#f08080	#e8798b	#e07397	#d86da3	#d167af	#c961bb	#c15bc7	#ba55d3
#f08080	#e8798b	#e07397	#d86da3	#d167af	#c961bb	#c15bc7	#ba55d3

Kombination von lightcoral und #ba55d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund lightcoral, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ba55d3 und lightcoral beträgt 92.76%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.24%.

Hintergrundfarbe lightcoral				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#f29292	#f29292	#cd6d6d	#cd6d6d	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#cd85df	#cd85df	#843c96	#843c96
#f6b6b6	#f6b6b6	#894949	#894949	#d79de5	#d79de5	#6a3078	#6a3078
#f8c8c8	#f8c8c8	#663636	#663636	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#fadada	#fadada	#442424	#442424	#ebcef2	#ebcef2	#35183c	#35183c
#fcecec	#fcecec	#221212	#221212	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcoral und Farbwert #ba55d3

Hintergrund/Text-Kombination bei Tag span

Bei diesem Beispiel ändern wir die Textfarbe von <span> auf Farbwert #ba55d3 und die Hintergrundfarbe von <span> auf Farbe lightcoral. Die Schriftart setzen wir auf verdana und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  span { 
    font-family:verdana; 
    font-size:13px; 
    color:#ba55d3; 
    background-color:lightcoral;
  }
//-->
</style>

Mehr zum hier genutzten HTML-Befehl span finden Sie in der HTML Referenz unter <span>.

Wechsel der Textfarbe bei Hover mit HTML-Tag blockquote

Die Textfarbe soll sich von Farbe lightcoral auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Darstellung von <blockquote> in Farbe lightcoral vor.

Als Beispiel legen wir die Textfarbe von <blockquote> auf Farbe lightcoral fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace und ändern die Größe der Schrift auf 13px.

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

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

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

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten vom hier genutzten Befehl <blockquote>.