Ressourcen: 120 HTML Farbnamen - Kombination von Farbe forestgreen und Farbwert #f5fffa

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 forestgreen			Schriftfarbwert #f5fffa
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #f5fffa
Farbe	:	forestgreen	Farbwert	:	#f5fffa
Farbwert	:	#228b22	Farbe	:	mintcream
HTML	:	forestgreen	HTML	:	#f5fffa
HTML (Wert)	:	#228b22	HTML (Wert)	:	#f5fffa
CSS	:	forestgreen	CSS	:	#f5fffa
CSS (Wert)	:	#228b22	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #f5fffa
#228b22	#409b40	#5eac5f	#7cbc7e	#9acd9d	#b8ddbc	#d6eedb	#f5fffa
#228b22	#409b40	#5eac5f	#7cbc7e	#9acd9d	#b8ddbc	#d6eedb	#f5fffa

Kombination von forestgreen und #f5fffa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f5fffa eignet sich als Schriftfarbe auf Hintergrund forestgreen, da sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied gut sind. Die Ähnlichkeit der Farben #f5fffa und forestgreen ergibt sich zu 79.53%. Die Lesbarkeit dieser Kombination bewerte ich mit 20.47%.

Hintergrundfarbe forestgreen				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#419b41	#419b41	#1d771d	#1d771d	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#61ac61	#61ac61	#186318	#186318	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#80bc80	#80bc80	#134f13	#134f13	#f9fffc	#f9fffc	#8c918e	#8c918e
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#fafffc	#fafffc	#696d6b	#696d6b
#bfddbf	#bfddbf	#092709	#092709	#fcfffd	#fcfffd	#464847	#464847
#dfeedf	#dfeedf	#041304	#041304	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #f5fffa

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbe forestgreen und Farbwert #f5fffa.

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

Diese werden dann abwechselnd angewendet.

<table>
<tr class="ung"><td>I1:1</td><td>I2:1</td><td>I3:1</td></tr>
<tr class="ger"><td>I1:2</td><td>I2:2</td><td>I3:2</td></tr>
<tr class="ung"><td>I1:3</td><td>I2:3</td><td>I3:3</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Weiteres zum Tag <tr>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Einen Link erzeugt man mit Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe forestgreen auf Farbwert #f5fffa ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe forestgreen vor.

Wir legen als Beispiel bei <a> die Textfarbe auf Farbe forestgreen fest.

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

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

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

Mehr zu a können Sie in Verweise und Protokolle in HTML finden. Einzelheiten des HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.