Ressourcen: 137 HTML Farbnamen - Kombination von Farbe limegreen und Farbwert #8b008b

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 limegreen			Schriftfarbwert #8b008b
Detail	:	Hintergrund limegreen	Detail	:	Schrift #8b008b
Farbe	:	limegreen	Farbwert	:	#8b008b
Farbwert	:	#32cd32	Farbe	:	darkmagenta
HTML	:	limegreen	HTML	:	#8b008b
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#8b008b
CSS	:	limegreen	CSS	:	#8b008b
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbwert #8b008b
#32cd32	#3eaf3e	#4b924b	#587558	#645764	#713a71	#7e1d7e	#8b008b
#32cd32	#3eaf3e	#4b924b	#587558	#645764	#713a71	#7e1d7e	#8b008b

Kombination von limegreen und #8b008b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#8b008b eignet sich nicht als Schriftfarbe auf Hintergrund limegreen. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #8b008b und limegreen beträgt 80.89%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 19.11%.

Hintergrundfarbe limegreen				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#8b008b	#8b008b	#8b008b	#8b008b
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#9b249b	#9b249b	#770077	#770077
#6cdb6c	#6cdb6c	#239223	#239223	#ac48ac	#ac48ac	#630063	#630063
#89e289	#89e289	#1c751c	#1c751c	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#a7e9a7	#a7e9a7	#155715	#155715	#cd91cd	#cd91cd	#3b003b	#3b003b
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#ddb6dd	#ddb6dd	#270027	#270027
#e1f7e1	#e1f7e1	#071d07	#071d07	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe limegreen und Farbwert #8b008b

Wechsel der Umrandung bei Hover von HTML-Tag s

Die Rahmenfarbe soll sich von Farbe limegreen auf Farbwert #8b008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <s> in Farbe limegreen vor.

In diesem Beispiel umranden wir <s> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe limegreen.

<style type="text/css"><!--
  s { border:5px groove limegreen; }
//-->
</style>

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

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

Mehr zum Thema s können Sie in Text in HTML erfahren. Möglichkeiten vom HTML-Tag s finden Sie in der HTML Referenz unter <s>.

Wechsel der Textfarbe bei Hover mit HTML-Tag address

Die Textfarbe soll sich von Farbe limegreen auf Farbwert #8b008b ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst eine Formatierung von <address> in Farbe limegreen vor.

Wir legen zum Beispiel Farbe limegreen als Textfarbe von <address> fest. Die Größe der Schrift verringern wir auf 82%.

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

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #8b008b ändert.

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum hier gezeigten HTML-Tag address finden Sie in der HTML Referenz unter <address>.