Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b008b und Farbwert #2e8b57

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.

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

Verlauf Hintergrundfarbwert #8b008b nach Schriftfarbwert #2e8b57
#8b008b	#7d1383	#70277c	#633b74	#554f6d	#486365	#3b775e	#2e8b57
#8b008b	#7d1383	#70277c	#633b74	#554f6d	#486365	#3b775e	#2e8b57

Kombination von #8b008b und #2e8b57
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#2e8b57 eignet sich nicht als Schriftfarbe auf Hintergrund #8b008b. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #2e8b57 und #8b008b ergibt sich zu 90.47%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.53%.

Hintergrundfarbwert #8b008b				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b008b	#8b008b	#8b008b	#8b008b	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#9b249b	#9b249b	#770077	#770077	#4b9b6f	#4b9b6f	#27774a	#27774a
#ac48ac	#ac48ac	#630063	#630063	#69ac87	#69ac87	#20633e	#20633e
#bc6dbc	#bc6dbc	#4f004f	#4f004f	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#cd91cd	#cd91cd	#3b003b	#3b003b	#a5cdb7	#a5cdb7	#133b25	#133b25
#ddb6dd	#ddb6dd	#270027	#270027	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#eedaee	#eedaee	#130013	#130013	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b008b und Farbwert #2e8b57

Wechsel der Textfarbe bei Hover bei Tag textarea

Die Textfarbe soll sich von Farbwert #8b008b auf Farbwert #2e8b57 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <textarea> in Farbwert #8b008b vor.

Als Beispiel legen wir Farbwert #8b008b als Textfarbe von <textarea> fest:

<style type="text/css"><!--
  textarea { 
    color:#8b008b;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #2e8b57 gesetzt wird.

<style type="text/css"><!--
  textarea:hover { 
    color:#2e8b57;
  }
//-->
</style>

Weiteres zu textarea können Sie in Formulare in HTML finden. Beschreibung des hier gezeigten HTML-Befehl <textarea>.

Zebra-Effekt bei HTML-Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten 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 <td> mit unterschiedlichen Hintergrundfarben Farbwert #8b008b und Farbwert #2e8b57.

<style type="text/css"><!--
  td.ung { 
    background-color:#8b008b;
  }
  td.ger { 
    background-color: #2e8b57;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ung">Ha,a</td><td class="ger">Hb,a</td><td class="ung">Hc,a</td></tr>
<tr><td class="ung">Ha,b</td><td class="ger">Hb,b</td><td class="ung">Hc,b</td></tr>
<tr><td class="ung">Ha,c</td><td class="ger">Hb,c</td><td class="ung">Hc,c</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten des Tag td sind in der HTML Referenz unter <td> ausführlich gezeigt.