Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkviolet 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 darkviolet			Schriftfarbe mediumorchid
Detail	:	Hintergrund darkviolet	Detail	:	Schrift mediumorchid
Farbe	:	darkviolet	Farbe	:	mediumorchid
Farbwert	:	#9400d3	Farbwert	:	#ba55d3
HTML	:	darkviolet	HTML	:	mediumorchid
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#ba55d3
CSS	:	darkviolet	CSS	:	mediumorchid
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe darkviolet nach Schriftfarbe mediumorchid
#9400d3	#990cd3	#9e18d3	#a424d3	#a930d3	#af3cd3	#b448d3	#ba55d3
#9400d3	#990cd3	#9e18d3	#a424d3	#a930d3	#af3cd3	#b448d3	#ba55d3

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

Hintergrundfarbe darkviolet				Schriftfarbe mediumorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#a324d9	#a324d9	#7e00b4	#7e00b4	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#b248df	#b248df	#690096	#690096	#cd85df	#cd85df	#843c96	#843c96
#c16de5	#c16de5	#540078	#540078	#d79de5	#d79de5	#6a3078	#6a3078
#d191ec	#d191ec	#3f005a	#3f005a	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#ebcef2	#ebcef2	#35183c	#35183c
#efdaf8	#efdaf8	#15001e	#15001e	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkviolet und Farbe mediumorchid

Wechsel der Hintergrundfarbe bei Hover von Befehl table

Die Hintergrundfarbe soll sich von Farbe darkviolet auf Farbe mediumorchid ändern, wenn man mit der Maus auf <table> zeigt. Bereiten wir zunächst eine Darstellung von <table> in Farbe darkviolet vor.

Wir legen in diesem Beispiel bei <table> die Hintergrundfarbe auf Farbe darkviolet fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  table { 
    background-color: darkviolet; 
    font-family: courier new; 
    font-size: 9px;
  }
//-->
</style>

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

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

Weiteres zu table können Sie in Tabellen in HTML nachlesen. Möglichkeiten des Tag <table>.

Wechsel der Textfarbe bei Hover bei Tag tbody

Die Textfarbe soll sich von Farbe darkviolet auf Farbe mediumorchid ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst die Formatierung von <tbody> in Farbe darkviolet vor.

Z.B. setzen wir bei <tbody> die Textfarbe auf Farbe darkviolet. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf sans-serif. Die Größe der Schrift setzen wir auf 14pt.

<style type="text/css"><!--
  tbody { 
    color:darkviolet; 
    font-size:14pt; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf mediumorchid gesetzt wird.

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

Mehr zum Thema können Sie in Tabellen in HTML erfahren. Der Befehl tbody ist in der HTML Referenz unter <tbody> zusammengestellt.