Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #008b8b

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.

Hintergrundfarbwert #2e8b57			Schriftfarbwert #008b8b
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #008b8b
Farbwert	:	#2e8b57	Farbwert	:	#008b8b
Farbe	:	seagreen	Farbe	:	darkcyan
HTML	:	#2e8b57	HTML	:	#008b8b
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#008b8b
CSS	:	#2e8b57	CSS	:	#008b8b
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #008b8b
#2e8b57	#278b5e	#208b65	#1a8b6d	#138b74	#0d8b7c	#068b83	#008b8b
#2e8b57	#278b5e	#208b65	#1a8b6d	#138b74	#0d8b7c	#068b83	#008b8b

Kombination von #2e8b57 und #008b8b
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#008b8b eignet sich nicht als Schriftfarbe auf Hintergrund #2e8b57. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #008b8b und #2e8b57 beträgt 95.12%. Die Lesbarkeit dieser Kombination liegt damit bei 4.88%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#008b8b	#008b8b	#008b8b	#008b8b
#4b9b6f	#4b9b6f	#27774a	#27774a	#249b9b	#249b9b	#007777	#007777
#69ac87	#69ac87	#20633e	#20633e	#48acac	#48acac	#006363	#006363
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#a5cdb7	#a5cdb7	#133b25	#133b25	#91cdcd	#91cdcd	#003b3b	#003b3b
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#b6dddd	#b6dddd	#002727	#002727
#e1eee7	#e1eee7	#06130c	#06130c	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2e8b57 und Farbwert #008b8b

Zebra-Effekt bei Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbwert #2e8b57 und Farbwert #008b8b.

<style type="text/css"><!--
  th.ung { 
    background-color:#2e8b57;
  }
  th.ger { 
    background-color:#008b8b;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ung">B1/1</td><td class="ger">B2/1</td><td class="ung">B3/1</td></tr>
<tr><td class="ung">B1/2</td><td class="ger">B2/2</td><td class="ung">B3/2</td></tr>
<tr><td class="ung">B1/3</td><td class="ger">B2/3</td><td class="ung">B3/3</td></tr>
</table>

Weiteres zum Thema th finden Sie in Tabellen in HTML. Der HTML-Tag th ist in der HTML Referenz unter <th> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag em

Die Hintergrundfarbe soll sich von Farbwert #2e8b57 auf Farbwert #008b8b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <em> in Farbwert #2e8b57 vor.

Wir setzen z.B. bei <em> die Hintergrundfarbe auf Farbwert #2e8b57 und erhöhen die Größe der Schrift auf 125%.

<style type="text/css"><!--
  em { 
    background-color: #2e8b57; 
    font-size: 125%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #008b8b ändert.

<style type="text/css"><!--
  em:hover { 
    background-color:#008b8b;
  }
//-->
</style>

Weiteres zum Thema em können Sie in Text in HTML nachsehen. Der HTML-Befehl em ist in der HTML Referenz unter <em> genau gezeigt.