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

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 #faebd7
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #faebd7
Farbe	:	mediumspringgreen	Farbwert	:	#faebd7
Farbwert	:	#00fa9a	Farbe	:	antiquewhite
HTML	:	mediumspringgreen	HTML	:	#faebd7
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#faebd7
CSS	:	mediumspringgreen	CSS	:	#faebd7
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #faebd7
#00fa9a	#23f7a2	#47f5ab	#6bf3b4	#8ef1bc	#b2efc5	#d6edce	#faebd7
#00fa9a	#23f7a2	#47f5ab	#6bf3b4	#8ef1bc	#b2efc5	#d6edce	#faebd7

Kombination von mediumspringgreen und #faebd7
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund mediumspringgreen ist #faebd7 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #faebd7 und mediumspringgreen beträgt 94.36%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.64%.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#faebd7	#faebd7	#faebd7	#faebd7
#24faa8	#24faa8	#00d684	#00d684	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#48fbb6	#48fbb6	#00b26e	#00b26e	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#6dfcc5	#6dfcc5	#008e58	#008e58	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#91fcd3	#91fcd3	#006b42	#006b42	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#b6fde2	#b6fde2	#00472c	#00472c	#fdf9f3	#fdf9f3	#47433d	#47433d
#dafef0	#dafef0	#002316	#002316	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #faebd7

Wechsel der Textfarbe bei Hover mit Tag address

Die Textfarbe soll sich von Farbe mediumspringgreen auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbe mediumspringgreen vor.

Zum Beispiel legen wir die Textfarbe von <address> auf Farbe mediumspringgreen fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  address { 
    color:mediumspringgreen; 
    font-size:13px; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #faebd7 ändert.

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML nachlesen. Möglichkeiten vom hier verwendeten HTML-Tag address finden Sie in der HTML Referenz unter <address>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag a

Ein Verweis wird mit HTML-Tag <a> gesetzt und kann hervorgehoben und farblich gestaltet werden.

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

Wir legen in diesem Beispiel Farbe mediumspringgreen als Hintergrundfarbe von <a> fest.

<style type="text/css"><!--
  a { 
    background-color: mediumspringgreen;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #faebd7 geändert wird.

<style type="text/css"><!--
  a:hover { 
    background-color:#faebd7;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten vom Befehl <a>.