Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #c0c0c0

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 darkseagreen			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #c0c0c0
Farbe	:	darkseagreen	Farbwert	:	#c0c0c0
Farbwert	:	#8fbc8f	Farbe	:	silver
HTML	:	darkseagreen	HTML	:	#c0c0c0
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#c0c0c0
CSS	:	darkseagreen	CSS	:	#c0c0c0
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #c0c0c0
#8fbc8f	#96bc96	#9dbd9d	#a4bda4	#abbeab	#b2beb2	#b9bfb9	#c0c0c0
#8fbc8f	#96bc96	#9dbd9d	#a4bda4	#abbeab	#b2beb2	#b9bfb9	#c0c0c0

Kombination von darkseagreen und #c0c0c0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#c0c0c0 ist nicht als Schriftfarbe auf Hintergrund darkseagreen geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #c0c0c0 und darkseagreen beträgt 94.37%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.63%.

Hintergrundfarbe darkseagreen				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#afcfaf	#afcfaf	#668666	#668666	#d2d2d2	#d2d2d2	#898989	#898989
#bfd8bf	#bfd8bf	#516b51	#516b51	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#e4e4e4	#e4e4e4	#525252	#525252
#dfebdf	#dfebdf	#283528	#283528	#ededed	#ededed	#363636	#363636
#eff5ef	#eff5ef	#141a14	#141a14	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #c0c0c0

Zebra-Effekt mit HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit unterschiedlichen Hintergrundfarben Farbe darkseagreen und Farbwert #c0c0c0.

<style type="text/css"><!--
  th.ung { 
    background-color: darkseagreen;
  }
  th.ger { 
    background-color: #c0c0c0;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ung">Ja.a</td><td class="ger">Jb.a</td><td class="ung">Jc.a</td></tr>
<tr><td class="ung">Ja.b</td><td class="ger">Jb.b</td><td class="ung">Jc.b</td></tr>
<tr><td class="ung">Ja.c</td><td class="ger">Jb.c</td><td class="ung">Jc.c</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML lesen. Möglichkeiten vom Befehl <th>.

Wechsel der Textfarbe bei Hover bei Befehl center

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

Wir legen als Beispiel Farbe darkseagreen als Textfarbe von <center> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial und erhöhen die Schriftgröße auf 110%:

<style type="text/css"><!--
  center { 
    font-family: arial; 
    color: darkseagreen; 
    font-size: 110%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #c0c0c0 gesetzt wird.

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

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom HTML-Tag <center>.