Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #7b68ee

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.

Hintergrundfarbe seagreen			Schriftfarbwert #7b68ee
Detail	:	Hintergrund seagreen	Detail	:	Schrift #7b68ee
Farbe	:	seagreen	Farbwert	:	#7b68ee
Farbwert	:	#2e8b57	Farbe	:	mediumslateblue
HTML	:	seagreen	HTML	:	#7b68ee
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#7b68ee
CSS	:	seagreen	CSS	:	#7b68ee
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #7b68ee
#2e8b57	#39866c	#448182	#4f7c97	#5a77ad	#6572c2	#706dd8	#7b68ee
#2e8b57	#39866c	#448182	#4f7c97	#5a77ad	#6572c2	#706dd8	#7b68ee

Kombination von seagreen und #7b68ee
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.				#7b68ee eignet sich nicht als Schriftfarbe auf Hintergrund seagreen. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #7b68ee und seagreen ergibt sich zu 95.13%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.87%.

Hintergrundfarbe seagreen				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#4b9b6f	#4b9b6f	#27774a	#27774a	#8d7df0	#8d7df0	#6959cc	#6959cc
#69ac87	#69ac87	#20633e	#20633e	#a093f2	#a093f2	#574aaa	#574aaa
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#b3a8f5	#b3a8f5	#463b88	#463b88
#a5cdb7	#a5cdb7	#133b25	#133b25	#c6bef7	#c6bef7	#342c66	#342c66
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#d9d3fa	#d9d3fa	#231d44	#231d44
#e1eee7	#e1eee7	#06130c	#06130c	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #7b68ee

Zebra-Effekt von HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbe seagreen und Farbwert #7b68ee.

<style type="text/css"><!--
  th.yang { 
    background-color:seagreen;
  }
  th.ying { 
    background-color:#7b68ee;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">Fa,a</td><td class="ying">Fb,a</td><td class="yang">Fc,a</td></tr>
<tr><td class="yang">Fa,b</td><td class="ying">Fb,b</td><td class="yang">Fc,b</td></tr>
<tr><td class="yang">Fa,c</td><td class="ying">Fb,c</td><td class="yang">Fc,c</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML finden. Mehr zum HTML-Tag th finden Sie in der HTML Referenz unter <th>.

Wechsel der Textfarbe bei Hover von HTML-Tag select

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #7b68ee ändern, wenn man mit der Maus auf <select> zeigt. Wir bereiten zunächst eine Darstellung von <select> in Farbe seagreen vor.

In diesem Beispiel ändern wir die Textfarbe von <select> auf Farbe seagreen. Die Schriftgröße vergrößern wir auf 127%.

<style type="text/css"><!--
  select { 
    color:seagreen; 
    font-size:127%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #7b68ee ändert.

<style type="text/css"><!--
  select: hover { 
    color: #7b68ee;
  }
//-->
</style>

Weiteres zu select können Sie in Formulare in HTML finden. Möglichkeiten vom Tag select sind in der HTML Referenz unter <select> zusammengestellt.