Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #008080

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 seagreen			Schriftfarbwert #008080
Detail	:	Hintergrund seagreen	Detail	:	Schrift #008080
Farbe	:	seagreen	Farbwert	:	#008080
Farbwert	:	#2e8b57	Farbe	:	teal
HTML	:	seagreen	HTML	:	#008080
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#008080
CSS	:	seagreen	CSS	:	#008080
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#008080
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #008080
#2e8b57	#27895c	#208762	#1a8668	#13846e	#0d8374	#06817a	#008080
#2e8b57	#27895c	#208762	#1a8668	#13846e	#0d8374	#06817a	#008080

Kombination von seagreen und #008080
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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #008080 und seagreen ergibt sich zu 94.65%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.35%. #008080 ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe seagreen				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#008080	#008080	#008080	#008080
#4b9b6f	#4b9b6f	#27774a	#27774a	#249292	#249292	#006d6d	#006d6d
#69ac87	#69ac87	#20633e	#20633e	#48a4a4	#48a4a4	#005b5b	#005b5b
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#6db6b6	#6db6b6	#004949	#004949
#a5cdb7	#a5cdb7	#133b25	#133b25	#91c8c8	#91c8c8	#003636	#003636
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#b6dada	#b6dada	#002424	#002424
#e1eee7	#e1eee7	#06130c	#06130c	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #008080

Zebra-Effekt von HTML-Befehl tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe seagreen und Farbwert #008080.

<style type="text/css"><!--
  tr.gerade { 
    background-color: seagreen;
  }
  tr.ungerade { 
    background-color: #008080;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="gerade"><td>M1~1</td><td>M2~1</td><td>M3~1</td></tr>
<tr class="ungerade"><td>M1~2</td><td>M2~2</td><td>M3~2</td></tr>
<tr class="gerade"><td>M1~3</td><td>M2~3</td><td>M3~3</td></tr>
</table>

Mehr zu tr erfahren Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Tag tr ist in der HTML Referenz bei <tr> genau gezeigt.

Wechsel der Textfarbe bei Hover von HTML-Tag del

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

Z.B. legen wir Farbe seagreen als Textfarbe von <del> fest.

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #008080 ändert.

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

Möglichkeiten des HTML-Tag <del>.