Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen und Farbwert #7fffd4

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 #7fffd4
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #7fffd4
Farbe	:	mediumspringgreen	Farbwert	:	#7fffd4
Farbwert	:	#00fa9a	Farbe	:	aquamarine
HTML	:	mediumspringgreen	HTML	:	#7fffd4
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#7fffd4
CSS	:	mediumspringgreen	CSS	:	#7fffd4
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#7fffd4
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#7fffd4
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(127,255,212)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(49%,100%,83%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #7fffd4
#00fa9a	#12faa2	#24fbaa	#36fcb2	#48fcbb	#5afdc3	#6cfecb	#7fffd4
#00fa9a	#12faa2	#24fbaa	#36fcb2	#48fcbb	#5afdc3	#6cfecb	#7fffd4

Kombination von mediumspringgreen und #7fffd4
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #7fffd4 und mediumspringgreen ergibt sich zu 94.60%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.40%. #7fffd4 ist nicht als Schriftfarbe auf Hintergrund mediumspringgreen geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #7fffd4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#7fffd4	#7fffd4	#7fffd4	#7fffd4
#24faa8	#24faa8	#00d684	#00d684	#91ffda	#91ffda	#6cdab5	#6cdab5
#48fbb6	#48fbb6	#00b26e	#00b26e	#a3ffe0	#a3ffe0	#5ab697	#5ab697
#6dfcc5	#6dfcc5	#008e58	#008e58	#b5ffe6	#b5ffe6	#489179	#489179
#91fcd3	#91fcd3	#006b42	#006b42	#c8ffec	#c8ffec	#366d5a	#366d5a
#b6fde2	#b6fde2	#00472c	#00472c	#dafff2	#dafff2	#24483c	#24483c
#dafef0	#dafef0	#002316	#002316	#ecfff8	#ecfff8	#12241e	#12241e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #7fffd4

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl option

Die Hintergrundfarbe soll sich von Farbe mediumspringgreen auf Farbwert #7fffd4 ändern, wenn man mit der Maus auf <option> zeigt. Bereiten wir zunächst eine Darstellung von <option> in Farbe mediumspringgreen vor.

Als Beispiel ändern wir bei <option> die Hintergrundfarbe auf Farbe mediumspringgreen. Die Größe der Schrift erhöhen wir auf 128%.

<style type="text/css"><!--
  option { 
    background-color:mediumspringgreen; 
    font-size:128%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #7fffd4 gesetzt wird.

<style type="text/css"><!--
  option: hover { 
    background-color: #7fffd4;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Beschreibung des hier gezeigten HTML-Tag <option>.

Wechsel der Umrandung bei Hover mit HTML-Befehl samp

Die Rahmenfarbe soll sich von Farbe mediumspringgreen auf Farbwert #7fffd4 ändern, wenn man mit der Maus auf <samp> zeigt. Wir bereiten zunächst die Formatierung von <samp> in Farbe mediumspringgreen vor.

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

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

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #7fffd4 ändert.

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

Weiteres zum Thema samp lesen Sie in Text in HTML. Möglichkeiten des Befehl <samp>.