Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lawngreen und Farbe chartreuse

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 lawngreen			Schriftfarbe chartreuse
Detail	:	Hintergrund lawngreen	Detail	:	Schrift chartreuse
Farbe	:	lawngreen	Farbe	:	chartreuse
Farbwert	:	#7cfc00	Farbwert	:	#7fff00
HTML	:	lawngreen	HTML	:	chartreuse
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#7fff00
CSS	:	lawngreen	CSS	:	chartreuse
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbe chartreuse
#7cfc00	#7cfc00	#7cfc00	#7dfd00	#7dfd00	#7efe00	#7efe00	#7fff00
#7cfc00	#7cfc00	#7cfc00	#7dfd00	#7dfd00	#7efe00	#7efe00	#7fff00

Kombination von lawngreen und chartreuse
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von chartreuse und lawngreen beträgt 95.11%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.89%. Auf Hintergrund lawngreen ist chartreuse ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe lawngreen				Schriftfarbe chartreuse
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#7fff00	#7fff00	#7fff00	#7fff00
#8efc24	#8efc24	#6ad800	#6ad800	#91ff24	#91ff24	#6cda00	#6cda00
#a1fc48	#a1fc48	#58b400	#58b400	#a3ff48	#a3ff48	#5ab600	#5ab600
#b4fd6d	#b4fd6d	#469000	#469000	#b5ff6d	#b5ff6d	#489100	#489100
#c6fd91	#c6fd91	#356c00	#356c00	#c8ff91	#c8ff91	#366d00	#366d00
#d9feb6	#d9feb6	#234800	#234800	#daffb6	#daffb6	#244800	#244800
#ecfeda	#ecfeda	#112400	#112400	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lawngreen und Farbe chartreuse

Wechsel der Hintergrundfarbe bei Hover bei Tag em

Die Hintergrundfarbe soll sich von Farbe lawngreen auf Farbe chartreuse ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbe lawngreen vor.

Als Beispiel legen wir die Hintergrundfarbe von <em> auf Farbe lawngreen fest und erhöhen die Größe der Schrift auf 125%.

<style type="text/css"><!--
  em { 
    background-color:lawngreen; 
    font-size:125%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu chartreuse ändert.

<style type="text/css"><!--
  em:hover { 
    background-color:chartreuse;
  }
//-->
</style>

Weiteres zu em lesen Sie in Text in HTML. Einzelheiten vom hier gezeigten HTML-Befehl em erfahren Sie in der HTML Referenz unter <em>.