Ressourcen: 120 HTML Farbnamen - Kombination von Farbe springgreen und Farbwert #e9967a

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 springgreen			Schriftfarbwert #e9967a
Detail	:	Hintergrund springgreen	Detail	:	Schrift #e9967a
Farbe	:	springgreen	Farbwert	:	#e9967a
Farbwert	:	#00ff7f	Farbe	:	darksalmon
HTML	:	springgreen	HTML	:	#e9967a
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#e9967a
CSS	:	springgreen	CSS	:	#e9967a
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbe springgreen nach Schriftfarbwert #e9967a
#00ff7f	#21f07e	#42e17d	#63d27c	#85c37c	#a6b47b	#c7a57a	#e9967a
#00ff7f	#21f07e	#42e17d	#63d27c	#85c37c	#a6b47b	#c7a57a	#e9967a

Kombination von springgreen und #e9967a
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#e9967a eignet sich nicht als Schriftfarbe auf Hintergrund springgreen. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #e9967a und springgreen ergibt sich zu 91.84%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.16%.

Hintergrundfarbe springgreen				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#e9967a	#e9967a	#e9967a	#e9967a
#24ff91	#24ff91	#00da6c	#00da6c	#eca58d	#eca58d	#c78068	#c78068
#48ffa3	#48ffa3	#00b65a	#00b65a	#efb4a0	#efb4a0	#a66b57	#a66b57
#6dffb5	#6dffb5	#009148	#009148	#f2c3b3	#f2c3b3	#855545	#855545
#91ffc8	#91ffc8	#006d36	#006d36	#f5d2c6	#f5d2c6	#634034	#634034
#b6ffda	#b6ffda	#004824	#004824	#f8e1d9	#f8e1d9	#422a22	#422a22
#daffec	#daffec	#002412	#002412	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe springgreen und Farbwert #e9967a

Wechsel der Textfarbe bei Hover bei HTML-Befehl dd

Die Textfarbe soll sich von Farbe springgreen auf Farbwert #e9967a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe springgreen vor.

Wir setzen z.B. die Textfarbe von <dd> auf Farbe springgreen. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial und verringern die Schriftgröße auf 98%.

<style type="text/css"><!--
  dd { 
    font-size: 98%; 
    color: springgreen; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #e9967a ändert.

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

Weiteres zum Thema dd erfahren Sie in Listen und Glossare in HTML. Die Beschreibung vom HTML-Befehl dd erfahren Sie in der HTML Referenz unter <dd>.

Text- und Unterstreichungsfarben mit HTML-Tag a

Mit Befehl <a> wird ein Link erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Wir ändern in diesem Beispiel die Textfarbe von <a> auf Farbwert #e9967a. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 9px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbe springgreen. Dies ist in HTML nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size: 9px; 
    color: #e9967a; 
    border-bottom: 3pt dotted springgreen; 
    font-family: verdana;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Möglichkeiten des HTML-Tag a finden Sie in der HTML Referenz unter <a>.