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

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 mediumorchid			Schriftfarbe lemonchiffon
Detail	:	Hintergrund mediumorchid	Detail	:	Schrift lemonchiffon
Farbe	:	mediumorchid	Farbe	:	lemonchiffon
Farbwert	:	#ba55d3	Farbwert	:	#fffacd
HTML	:	mediumorchid	HTML	:	lemonchiffon
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#fffacd
CSS	:	mediumorchid	CSS	:	lemonchiffon
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe mediumorchid nach Schriftfarbe lemonchiffon
#ba55d3	#c36cd2	#cd84d1	#d79bd0	#e1b3cf	#ebcace	#f5e2cd	#fffacd
#ba55d3	#c36cd2	#cd84d1	#d79bd0	#e1b3cf	#ebcace	#f5e2cd	#fffacd

Kombination von mediumorchid und lemonchiffon
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben lemonchiffon und mediumorchid beträgt 82.30%. Die Lesbarkeit dieser Farbkombination liegt damit bei 17.70%. Auf Hintergrund mediumorchid ist lemonchiffon ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe mediumorchid				Schriftfarbe lemonchiffon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#fffacd	#fffacd	#fffacd	#fffacd
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#fffad4	#fffad4	#dad6af	#dad6af
#cd85df	#cd85df	#843c96	#843c96	#fffbdb	#fffbdb	#b6b292	#b6b292
#d79de5	#d79de5	#6a3078	#6a3078	#fffce2	#fffce2	#918e75	#918e75
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#fffce9	#fffce9	#6d6b57	#6d6b57
#ebcef2	#ebcef2	#35183c	#35183c	#fffdf0	#fffdf0	#48473a	#48473a
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumorchid und Farbe lemonchiffon

Hintergrund/Text-Kombination bei HTML-Befehl blockquote

Wir ändern hier die Textfarbe von <blockquote> auf Farbe lemonchiffon und die Hintergrundfarbe von <blockquote> auf Farbe mediumorchid. Als Schriftart setzen wir verdana und als Schriftgröße setzen wir 9pt.

<style type="text/css"><!--
  blockquote { 
    font-family:verdana; 
    background-color:mediumorchid; 
    font-size:9pt; 
    color:lemonchiffon;
  }
//-->
</style>

Mehr zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.

Wechsel der Textfarbe bei Hover von HTML-Tag samp

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

Hier legen wir Farbe mediumorchid als Textfarbe von <samp> fest und ändern die Größe der Schrift auf 13px:

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

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

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

Weiteres zum Thema samp können Sie in Text in HTML lesen. Der hier verwendete Tag samp ist in der HTML Referenz bei <samp> beschrieben.