Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lawngreen und Farbwert #ee82ee

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			Schriftfarbwert #ee82ee
Detail	:	Hintergrund lawngreen	Detail	:	Schrift #ee82ee
Farbe	:	lawngreen	Farbwert	:	#ee82ee
Farbwert	:	#7cfc00	Farbe	:	violet
HTML	:	lawngreen	HTML	:	#ee82ee
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#ee82ee
CSS	:	lawngreen	CSS	:	#ee82ee
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbwert #ee82ee
#7cfc00	#8cea22	#9cd944	#acc766	#bdb688	#cda4aa	#dd93cc	#ee82ee
#7cfc00	#8cea22	#9cd944	#acc766	#bdb688	#cda4aa	#dd93cc	#ee82ee

Kombination von lawngreen und #ee82ee
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #ee82ee und lawngreen ergibt sich zu 91.71%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.29%. #ee82ee eignet sich nicht als Schriftfarbe auf Hintergrund lawngreen, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe lawngreen				Schriftfarbwert #ee82ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#8efc24	#8efc24	#6ad800	#6ad800	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#a1fc48	#a1fc48	#58b400	#58b400	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#b4fd6d	#b4fd6d	#469000	#469000	#f5b7f5	#f5b7f5	#884a88	#884a88
#c6fd91	#c6fd91	#356c00	#356c00	#f7c9f7	#f7c9f7	#663766	#663766
#d9feb6	#d9feb6	#234800	#234800	#fadbfa	#fadbfa	#442544	#442544
#ecfeda	#ecfeda	#112400	#112400	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lawngreen und Farbwert #ee82ee

Hintergrund/Text-Kombination von Tag abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #ee82ee und die Hintergrundfarbe von <abbr> auf Farbe lawngreen. Als Schriftart wählen wir courier new und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  abbr { 
    font-size:13px; 
    color:#ee82ee; 
    font-family:courier new; 
    background-color:lawngreen;
  }
//-->
</style>

Weiteres zum hier gezeigten Befehl abbr lesen Sie in der HTML Referenz unter <abbr>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl legend

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

Wir legen z.B. Farbe lawngreen als Hintergrundfarbe von <legend> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  legend { 
    background-color: lawngreen; 
    font-size: 13px; 
    font-family: courier new;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #ee82ee geändert wird.

<style type="text/css"><!--
  legend: hover { 
    background-color: #ee82ee;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML nachlesen. Mehr zum Tag legend ist in der HTML Referenz unter <legend> zusammengestellt.