Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #98fb98

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 blueviolet			Schriftfarbwert #98fb98
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #98fb98
Farbe	:	blueviolet	Farbwert	:	#98fb98
Farbwert	:	#8a2be2	Farbe	:	palegreen
HTML	:	blueviolet	HTML	:	#98fb98
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#98fb98
CSS	:	blueviolet	CSS	:	#98fb98
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #98fb98
#8a2be2	#8c48d7	#8e66cc	#9084c2	#92a1b7	#94bfad	#96dda2	#98fb98
#8a2be2	#8c48d7	#8e66cc	#9084c2	#92a1b7	#94bfad	#96dda2	#98fb98

Kombination von blueviolet und #98fb98
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #98fb98 und blueviolet ergibt sich zu 77.59%. Die Lesbarkeit dieser Kombination bewerte ich mit 22.41%. Auf Hintergrund blueviolet ist #98fb98 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe blueviolet				Schriftfarbwert #98fb98
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#98fb98	#98fb98	#98fb98	#98fb98
#9a49e6	#9a49e6	#7624c1	#7624c1	#a6fba6	#a6fba6	#82d782	#82d782
#ab67ea	#ab67ea	#621ea1	#621ea1	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#bc85ee	#bc85ee	#4e1881	#4e1881	#c4fcc4	#c4fcc4	#568f56	#568f56
#cca4f2	#cca4f2	#3b1260	#3b1260	#d2fdd2	#d2fdd2	#416b41	#416b41
#ddc2f6	#ddc2f6	#270c40	#270c40	#e1fde1	#e1fde1	#2b472b	#2b472b
#eee0fa	#eee0fa	#130620	#130620	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbwert #98fb98

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Mit Tag <a> wird ein Hyperlink gesetzt. Diesen können Sie farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #98fb98 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe blueviolet vor.

Wir ändern z.B. bei <a> die Hintergrundfarbe auf Farbe blueviolet. Die Schriftgröße verringern wir auf 82%:

<style type="text/css"><!--
  a { 
    background-color:blueviolet; 
    font-size:82%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #98fb98 ändert.

<style type="text/css"><!--
  a:hover { 
    background-color:#98fb98;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Mehr zum HTML-Befehl <a>.

Zebra-Effekt mit Befehl tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbe blueviolet und Farbwert #98fb98.

<style type="text/css"><!--
  tr.yang { 
    background-color: blueviolet;
  }
  tr.ying { 
    background-color:#98fb98;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="yang"><td>Oa/a</td><td>Ob/a</td><td>Oc/a</td></tr>
<tr class="ying"><td>Oa/b</td><td>Ob/b</td><td>Oc/b</td></tr>
<tr class="yang"><td>Oa/c</td><td>Ob/c</td><td>Oc/c</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom hier gezeigten HTML-Tag tr sind in der HTML Referenz bei <tr> gezeigt.