Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen 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 mediumspringgreen			Schriftfarbwert #9932cc
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #9932cc
Farbe	:	mediumspringgreen	Farbwert	:	#9932cc
Farbwert	:	#00fa9a	Farbe	:	darkorchid
HTML	:	mediumspringgreen	HTML	:	#9932cc
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#9932cc
CSS	:	mediumspringgreen	CSS	:	#9932cc
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #9932cc
#00fa9a	#15dda1	#2bc0a8	#41a4af	#5787b6	#6d6bbd	#834ec4	#9932cc
#00fa9a	#15dda1	#2bc0a8	#41a4af	#5787b6	#6d6bbd	#834ec4	#9932cc

Kombination von mediumspringgreen und #9932cc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #9932cc und mediumspringgreen ergibt sich zu 80.42%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 19.58%. #9932cc eignet sich nicht als Schriftfarbe auf Hintergrund mediumspringgreen. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #9932cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#9932cc	#9932cc	#9932cc	#9932cc
#24faa8	#24faa8	#00d684	#00d684	#a74fd3	#a74fd3	#832aae	#832aae
#48fbb6	#48fbb6	#00b26e	#00b26e	#b66cda	#b66cda	#6d2391	#6d2391
#6dfcc5	#6dfcc5	#008e58	#008e58	#c489e1	#c489e1	#571c74	#571c74
#91fcd3	#91fcd3	#006b42	#006b42	#d3a7e9	#d3a7e9	#411557	#411557
#b6fde2	#b6fde2	#00472c	#00472c	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#dafef0	#dafef0	#002316	#002316	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #9932cc

Zebra-Effekt von HTML-Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbe mediumspringgreen und Farbwert #9932cc.

<style type="text/css"><!--
  td.even { 
    background-color:mediumspringgreen;
  }
  td.odd { 
    background-color: #9932cc;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="even">FA,A</td><td class="odd">FB,A</td><td class="even">FC,A</td></tr>
<tr><td class="even">FA,B</td><td class="odd">FB,B</td><td class="even">FC,B</td></tr>
<tr><td class="even">FA,C</td><td class="odd">FB,C</td><td class="even">FC,C</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML finden. Möglichkeiten vom hier genutzten HTML-Befehl td erfahren Sie in der HTML Referenz unter <td>.

Wechsel der Umrandung bei Hover von HTML-Befehl img

Die Rahmenfarbe soll sich von Farbe mediumspringgreen auf Farbwert #9932cc ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst eine Darstellung von <img> in Farbe mediumspringgreen vor.

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe mediumspringgreen.

<style type="text/css"><!--
  img { 
    border-style: dashed; 
    border-color: mediumspringgreen; 
    border-width: 1px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #9932cc geändert wird.

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

Mehr zum Thema img erfahren Sie in Grafik in HTML. Möglichkeiten vom hier genutzten Tag img lesen Sie in der HTML Referenz unter <img>.