Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcoral und Farbe mediumorchid

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			Schriftfarbe mediumorchid
Detail	:	Hintergrund lightcoral	Detail	:	Schrift mediumorchid
Farbe	:	lightcoral	Farbe	:	mediumorchid
Farbwert	:	#f08080	Farbwert	:	#ba55d3
HTML	:	lightcoral	HTML	:	mediumorchid
HTML (Wert)	:	#f08080	HTML (Wert)	:	#ba55d3
CSS	:	lightcoral	CSS	:	mediumorchid
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 Schriftfarbe mediumorchid
#f08080	#e8798b	#e07397	#d86da3	#d167af	#c961bb	#c15bc7	#ba55d3
#f08080	#e8798b	#e07397	#d86da3	#d167af	#c961bb	#c15bc7	#ba55d3

Kombination von lightcoral und mediumorchid
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				mediumorchid ist nicht als Schriftfarbe auf Hintergrund lightcoral geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben mediumorchid und lightcoral ergibt sich zu 92.76%. Die Lesbarkeit dieser Kombination liegt damit bei 7.24%.

Hintergrundfarbe lightcoral				Schriftfarbe mediumorchid
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 Farbe mediumorchid

Wechsel der Textfarbe bei Hover von HTML-Befehl strike

Die Textfarbe soll sich von Farbe lightcoral auf Farbe mediumorchid ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbe lightcoral vor.

Wir legen z.B. bei <strike> die Textfarbe auf Farbe lightcoral fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif. Die Größe der Schrift verringern wir auf 81%.

<style type="text/css"><!--
  strike { 
    font-family:sans-serif; 
    font-size:81%; 
    color:lightcoral;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf mediumorchid ändert.

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

Weiteres zum Thema können Sie in Text in HTML finden. Mehr zum hier gezeigten Befehl <strike>.

Wechsel der Hintergrundfarbe bei Hover mit Tag textarea

Die Hintergrundfarbe soll sich von Farbe lightcoral auf Farbe mediumorchid ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <textarea> in Farbe lightcoral vor.

Wir ändern z.B. bei <textarea> die Hintergrundfarbe auf Farbe lightcoral. Die Schriftgröße setzen wir auf 122%:

<style type="text/css"><!--
  textarea { 
    font-size: 122%; 
    background-color: lightcoral;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf mediumorchid gesetzt wird.

<style type="text/css"><!--
  textarea:hover { 
    background-color:mediumorchid;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML finden. Beschreibung des Tag <textarea>.