Ressourcen: 120 HTML Farbnamen - Kombination von Farbe snow und Farbwert #8fbc8f

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 snow			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund snow	Detail	:	Schrift #8fbc8f
Farbe	:	snow	Farbwert	:	#8fbc8f
Farbwert	:	#fffafa	Farbe	:	darkseagreen
HTML	:	snow	HTML	:	#8fbc8f
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#8fbc8f
CSS	:	snow	CSS	:	#8fbc8f
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbe snow nach Schriftfarbwert #8fbc8f
#fffafa	#eff1ea	#dfe8db	#cfdfcc	#bfd6bc	#afcdad	#9fc49e	#8fbc8f
#fffafa	#eff1ea	#dfe8db	#cfdfcc	#bfd6bc	#afcdad	#9fc49e	#8fbc8f

Kombination von snow und #8fbc8f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#8fbc8f ist nicht als Schriftfarbe auf Hintergrund snow geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von #8fbc8f und snow beträgt 90.09%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 9.91%.

Hintergrundfarbe snow				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#fffafa	#fffafa	#dad6d6	#dad6d6	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#afcfaf	#afcfaf	#668666	#668666
#fffcfc	#fffcfc	#918e8e	#918e8e	#bfd8bf	#bfd8bf	#516b51	#516b51
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#fffdfd	#fffdfd	#484747	#484747	#dfebdf	#dfebdf	#283528	#283528
#fffefe	#fffefe	#242323	#242323	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe snow und Farbwert #8fbc8f

Wechsel der Textfarbe bei Hover bei Tag h3

Eine Überschrift setzt man mit HTML-Tag <h3>. Diese kann man hervorheben und farblich gestalten.

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

Wir legen für dieses Beispiel Farbe snow als Textfarbe von <h3> fest:

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

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

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

Weiteres zum Thema h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des HTML-Tag h3 sind in der HTML Referenz unter <h3> zusammengestellt.

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit unterschiedlichen Hintergrundfarben Farbe snow und Farbwert #8fbc8f.

<style type="text/css"><!--
  th.ungerade { 
    background-color: snow;
  }
  th.gerade { 
    background-color:#8fbc8f;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ungerade">W1,1</td><td class="gerade">W2,1</td><td class="ungerade">W3,1</td></tr>
<tr><td class="ungerade">W1,2</td><td class="gerade">W2,2</td><td class="ungerade">W3,2</td></tr>
<tr><td class="ungerade">W1,3</td><td class="gerade">W2,3</td><td class="ungerade">W3,3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Befehl th lesen Sie in der HTML Referenz unter <th>.