Ressourcen: 137 HTML Farbnamen - Kombination von Farbe violet 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.

Hintergrundfarbe violet			Schriftfarbwert #2e8b57
Detail	:	Hintergrund violet	Detail	:	Schrift #2e8b57
Farbe	:	violet	Farbwert	:	#2e8b57
Farbwert	:	#ee82ee	Farbe	:	seagreen
HTML	:	violet	HTML	:	#2e8b57
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#2e8b57
CSS	:	violet	CSS	:	#2e8b57
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe violet nach Schriftfarbwert #2e8b57
#ee82ee	#d283d8	#b784c2	#9b85ad	#808797	#648882	#49896c	#2e8b57
#ee82ee	#d283d8	#b784c2	#9b85ad	#808797	#648882	#49896c	#2e8b57

Kombination von violet und #2e8b57
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #2e8b57 und violet beträgt 91.28%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.72%. #2e8b57 eignet sich nicht als Schriftfarbe auf Hintergrund violet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe violet				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#4b9b6f	#4b9b6f	#27774a	#27774a
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#69ac87	#69ac87	#20633e	#20633e
#f5b7f5	#f5b7f5	#884a88	#884a88	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#f7c9f7	#f7c9f7	#663766	#663766	#a5cdb7	#a5cdb7	#133b25	#133b25
#fadbfa	#fadbfa	#442544	#442544	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#fcedfc	#fcedfc	#221222	#221222	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbwert #2e8b57

Wechsel der Textfarbe bei Hover mit Tag code

Die Textfarbe soll sich von Farbe violet auf Farbwert #2e8b57 ändern, wenn man mit der Maus auf <code> zeigt. Bereiten wir zunächst eine Darstellung von <code> in Farbe violet vor.

Zum Beispiel ändern wir bei <code> die Textfarbe auf Farbe violet. Die Größe der Schrift setzen wir auf 10px.

<style type="text/css"><!--
  code { 
    font-size:10px; 
    color:violet;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #2e8b57 geändert wird.

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

Weiteres zum Thema können Sie in Text in HTML finden. Der hier genutzte HTML-Befehl code ist in der HTML Referenz bei <code> ausführlich zusammengestellt.

Zebra-Effekt mit Befehl th

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

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

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ger">YA/A</td><td class="ung">YB/A</td><td class="ger">YC/A</td></tr>
<tr><td class="ger">YA/B</td><td class="ung">YB/B</td><td class="ger">YC/B</td></tr>
<tr><td class="ger">YA/C</td><td class="ung">YB/C</td><td class="ger">YC/C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Weiteres zum hier verwendeten HTML-Befehl th ist in der HTML Referenz bei <th> ausführlich beschrieben.