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

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 #fa8072
Detail	:	Hintergrund lawngreen	Detail	:	Schrift #fa8072
Farbe	:	lawngreen	Farbwert	:	#fa8072
Farbwert	:	#7cfc00	Farbe	:	salmon
HTML	:	lawngreen	HTML	:	#fa8072
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#fa8072
CSS	:	lawngreen	CSS	:	#fa8072
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbwert #fa8072
#7cfc00	#8eea10	#a0d820	#b2c630	#c4b541	#d6a351	#e89161	#fa8072
#7cfc00	#8eea10	#a0d820	#b2c630	#c4b541	#d6a351	#e89161	#fa8072

Kombination von lawngreen und #fa8072
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fa8072 ist nicht als Schriftfarbe auf Hintergrund lawngreen geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #fa8072 und lawngreen beträgt 91.05%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.95%.

Hintergrundfarbe lawngreen				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#fa8072	#fa8072	#fa8072	#fa8072
#8efc24	#8efc24	#6ad800	#6ad800	#fa9286	#fa9286	#d66d61	#d66d61
#a1fc48	#a1fc48	#58b400	#58b400	#fba49a	#fba49a	#b25b51	#b25b51
#b4fd6d	#b4fd6d	#469000	#469000	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#c6fd91	#c6fd91	#356c00	#356c00	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#d9feb6	#d9feb6	#234800	#234800	#fddad6	#fddad6	#472420	#472420
#ecfeda	#ecfeda	#112400	#112400	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lawngreen und Farbwert #fa8072

Hintergrund/Text-Kombination von Befehl strong

Bei diesem Beispiel ändern wir die Textfarbe von <strong> auf Farbwert #fa8072 und die Hintergrundfarbe von <strong> auf Farbe lawngreen. Als Schriftart wählen wir verdana und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  strong { 
    color:#fa8072; 
    background-color:lawngreen; 
    font-size:13px; 
    font-family:verdana;
  }
//-->
</style>

Weiteres zu strong erfahren Sie in Text in HTML. Mehr zum Tag <strong>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag center

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

Zum Beispiel setzen wir bei <center> die Hintergrundfarbe auf Farbe lawngreen. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 126%:

<style type="text/css"><!--
  center { 
    font-size:126%; 
    background-color:lawngreen; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #fa8072 gesetzt wird.

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

Weiteres zum Thema center lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten HTML-Befehl <center>.