Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumorchid und Farbwert #ffa500

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			Schriftfarbwert #ffa500
Detail	:	Hintergrund mediumorchid	Detail	:	Schrift #ffa500
Farbe	:	mediumorchid	Farbwert	:	#ffa500
Farbwert	:	#ba55d3	Farbe	:	orange
HTML	:	mediumorchid	HTML	:	#ffa500
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#ffa500
CSS	:	mediumorchid	CSS	:	#ffa500
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbe mediumorchid nach Schriftfarbwert #ffa500
#ba55d3	#c360b4	#cd6b96	#d77778	#e1825a	#eb8e3c	#f5991e	#ffa500
#ba55d3	#c360b4	#cd6b96	#d77778	#e1825a	#eb8e3c	#f5991e	#ffa500

Kombination von mediumorchid und #ffa500
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				#ffa500 ist nicht als Schriftfarbe auf Hintergrund mediumorchid geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #ffa500 und mediumorchid beträgt 90.50%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.50%.

Hintergrundfarbe mediumorchid				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#ffa500	#ffa500	#ffa500	#ffa500
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#ffb124	#ffb124	#da8d00	#da8d00
#cd85df	#cd85df	#843c96	#843c96	#ffbe48	#ffbe48	#b67500	#b67500
#d79de5	#d79de5	#6a3078	#6a3078	#ffcb6d	#ffcb6d	#915e00	#915e00
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#ffd891	#ffd891	#6d4600	#6d4600
#ebcef2	#ebcef2	#35183c	#35183c	#ffe5b6	#ffe5b6	#482f00	#482f00
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumorchid und Farbwert #ffa500

Wechsel der Textfarbe bei Hover mit Tag legend

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

Für dieses Beispiel ändern wir die Textfarbe von <legend> auf Farbe mediumorchid. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new:

<style type="text/css"><!--
  legend { 
    font-family:courier new; 
    color:mediumorchid;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffa500 geändert wird.

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

Mehr zum Thema legend können Sie in Formulare in HTML finden. Möglichkeiten vom HTML-Tag legend lesen Sie in der HTML Referenz unter <legend>.