Ressourcen: 137 HTML Farbnamen - Kombination von Farbe forestgreen und Farbwert #8fbc8f

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe forestgreen			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #8fbc8f
Farbe	:	forestgreen	Farbwert	:	#8fbc8f
Farbwert	:	#228b22	Farbe	:	darkseagreen
HTML	:	forestgreen	HTML	:	#8fbc8f
HTML (Wert)	:	#228b22	HTML (Wert)	:	#8fbc8f
CSS	:	forestgreen	CSS	:	#8fbc8f
CSS (Wert)	:	#228b22	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #8fbc8f
#228b22	#319231	#419941	#50a050	#60a760	#6fae6f	#7fb57f	#8fbc8f
#228b22	#319231	#419941	#50a050	#60a760	#6fae6f	#7fb57f	#8fbc8f

Kombination von forestgreen und #8fbc8f
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 der Farben #8fbc8f und forestgreen ergibt sich zu 90.29%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.71%. #8fbc8f eignet sich nicht als Schriftfarbe auf Hintergrund forestgreen. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe forestgreen				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#419b41	#419b41	#1d771d	#1d771d	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#61ac61	#61ac61	#186318	#186318	#afcfaf	#afcfaf	#668666	#668666
#80bc80	#80bc80	#134f13	#134f13	#bfd8bf	#bfd8bf	#516b51	#516b51
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#bfddbf	#bfddbf	#092709	#092709	#dfebdf	#dfebdf	#283528	#283528
#dfeedf	#dfeedf	#041304	#041304	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #8fbc8f

Zebra-Effekt mit Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe forestgreen und Farbwert #8fbc8f.

<style type="text/css"><!--
  tr.ying { 
    background-color:forestgreen;
  }
  tr.yang { 
    background-color: #8fbc8f;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="ying"><td>Ia/a</td><td>Ib/a</td><td>Ic/a</td></tr>
<tr class="yang"><td>Ia/b</td><td>Ib/b</td><td>Ic/b</td></tr>
<tr class="ying"><td>Ia/c</td><td>Ib/c</td><td>Ic/c</td></tr>
</table>

Mehr zu tr finden Sie in Tabellen in HTML. Beschreibung des hier gezeigten Befehl <tr>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag span

Die Hintergrundfarbe soll sich von Farbe forestgreen auf Farbwert #8fbc8f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <span> in Farbe forestgreen vor.

Wir setzen als Beispiel die Hintergrundfarbe von <span> auf Farbe forestgreen. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  span { 
    background-color:forestgreen; 
    font-family:verdana;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #8fbc8f gesetzt wird.

<style type="text/css"><!--
  span:hover { 
    background-color:#8fbc8f;
  }
//-->
</style>

Zur Beschreibung des HTML-Befehl <span>.