Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8a2be2 und Farbwert #2e8b57

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.

Hintergrundfarbwert #8a2be2			Schriftfarbwert #2e8b57
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift #2e8b57
Farbwert	:	#8a2be2	Farbwert	:	#2e8b57
Farbe	:	blueviolet	Farbe	:	seagreen
HTML	:	#8a2be2	HTML	:	#2e8b57
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#2e8b57
CSS	:	#8a2be2	CSS	:	#2e8b57
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbwert #2e8b57
#8a2be2	#7c38ce	#6f46ba	#6254a6	#556192	#486f7e	#3b7d6a	#2e8b57
#8a2be2	#7c38ce	#6f46ba	#6254a6	#556192	#486f7e	#3b7d6a	#2e8b57

Kombination von #8a2be2 und #2e8b57
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#2e8b57 eignet sich nicht als Schriftfarbe auf Hintergrund #8a2be2, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #2e8b57 und #8a2be2 beträgt 93.32%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.68%.

Hintergrundfarbwert #8a2be2				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#9a49e6	#9a49e6	#7624c1	#7624c1	#4b9b6f	#4b9b6f	#27774a	#27774a
#ab67ea	#ab67ea	#621ea1	#621ea1	#69ac87	#69ac87	#20633e	#20633e
#bc85ee	#bc85ee	#4e1881	#4e1881	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#cca4f2	#cca4f2	#3b1260	#3b1260	#a5cdb7	#a5cdb7	#133b25	#133b25
#ddc2f6	#ddc2f6	#270c40	#270c40	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#eee0fa	#eee0fa	#130620	#130620	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Umrandung bei Hover von HTML-Befehl dd

Die Rahmenfarbe soll sich von Farbwert #8a2be2 auf Farbwert #2e8b57 ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst eine Darstellung von <dd> in Farbwert #8a2be2 vor.

In diesem Beispiel umranden wir <dd> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #8a2be2.

<style type="text/css"><!--
  dd { 
    border-style:inset; 
    border-color:#8a2be2; 
    border-width:3px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #2e8b57 ändert.

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

Weiteres zum Thema dd können Sie in Listen und Glossare in HTML lesen. Mehr zum Befehl <dd>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl acronym

Die Hintergrundfarbe soll sich von Farbwert #8a2be2 auf Farbwert #2e8b57 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <acronym> in Farbwert #8a2be2 vor.

Zum Beispiel legen wir Farbwert #8a2be2 als Hintergrundfarbe von <acronym> fest.

<style type="text/css"><!--
  acronym { 
    background-color:#8a2be2;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #2e8b57 ändert.

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

Der hier genutzte HTML-Tag acronym ist in der HTML Referenz unter <acronym> genau beschrieben.