Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumseagreen und Farbwert #9932cc

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 mediumseagreen			Schriftfarbwert #9932cc
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #9932cc
Farbe	:	mediumseagreen	Farbwert	:	#9932cc
Farbwert	:	#3cb371	Farbe	:	darkorchid
HTML	:	mediumseagreen	HTML	:	#9932cc
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#9932cc
CSS	:	mediumseagreen	CSS	:	#9932cc
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #9932cc
#3cb371	#49a07e	#568e8b	#637b98	#7169a5	#7e56b2	#8b44bf	#9932cc
#3cb371	#49a07e	#568e8b	#637b98	#7169a5	#7e56b2	#8b44bf	#9932cc

Kombination von mediumseagreen und #9932cc
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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund mediumseagreen ist #9932cc ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #9932cc und mediumseagreen ergibt sich zu 89.81%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.19%.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #9932cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#9932cc	#9932cc	#9932cc	#9932cc
#57bd85	#57bd85	#339960	#339960	#a74fd3	#a74fd3	#832aae	#832aae
#73c899	#73c899	#2a7f50	#2a7f50	#b66cda	#b66cda	#6d2391	#6d2391
#8fd3ad	#8fd3ad	#226640	#226640	#c489e1	#c489e1	#571c74	#571c74
#abdec2	#abdec2	#194c30	#194c30	#d3a7e9	#d3a7e9	#411557	#411557
#c7e9d6	#c7e9d6	#113320	#113320	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#e3f4ea	#e3f4ea	#081910	#081910	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #9932cc

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbe mediumseagreen und Farbwert #9932cc.

<style type="text/css"><!--
  tr.ger { 
    background-color: mediumseagreen;
  }
  tr.ung { 
    background-color:#9932cc;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="ger"><td>Va.a</td><td>Vb.a</td><td>Vc.a</td></tr>
<tr class="ung"><td>Va.b</td><td>Vb.b</td><td>Vc.b</td></tr>
<tr class="ger"><td>Va.c</td><td>Vb.c</td><td>Vc.c</td></tr>
</table>

Weiteres zum Thema tr lesen Sie in Tabellen in HTML. Die Beschreibung des HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.

Wechsel der Umrandung bei Hover von HTML-Tag samp

Die Rahmenfarbe soll sich von Farbe mediumseagreen auf Farbwert #9932cc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <samp> in Farbe mediumseagreen vor.

In diesem Beispiel umranden wir <samp> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe mediumseagreen.

<style type="text/css"><!--
  samp { border:2px double mediumseagreen; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #9932cc gesetzt wird.

<style type="text/css"><!--
  samp: hover { 
    border-color: #9932cc;
  }
//-->
</style>

Mehr zu samp können Sie in Text in HTML lesen. Mehr zum hier verwendeten Tag samp ist in der HTML Referenz unter <samp> genau gezeigt.