Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightsalmon und Farbwert #7cfc00

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 lightsalmon			Schriftfarbwert #7cfc00
Detail	:	Hintergrund lightsalmon	Detail	:	Schrift #7cfc00
Farbe	:	lightsalmon	Farbwert	:	#7cfc00
Farbwert	:	#ffa07a	Farbe	:	lawngreen
HTML	:	lightsalmon	HTML	:	#7cfc00
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#7cfc00
CSS	:	lightsalmon	CSS	:	#7cfc00
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#7cfc00
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#7cfc00
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(124,252,0)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(48%,98%,0%)

Verlauf Hintergrundfarbe lightsalmon nach Schriftfarbwert #7cfc00
#ffa07a	#ecad68	#d9ba57	#c6c745	#b4d434	#a1e122	#8eee11	#7cfc00
#ffa07a	#ecad68	#d9ba57	#c6c745	#b4d434	#a1e122	#8eee11	#7cfc00

Kombination von lightsalmon und #7cfc00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#7cfc00 ist nicht als Schriftfarbe auf Hintergrund lightsalmon geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #7cfc00 und lightsalmon beträgt 92.88%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.12%.

Hintergrundfarbe lightsalmon				Schriftfarbwert #7cfc00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#ffad8d	#ffad8d	#da8968	#da8968	#8efc24	#8efc24	#6ad800	#6ad800
#ffbba0	#ffbba0	#b67257	#b67257	#a1fc48	#a1fc48	#58b400	#58b400
#ffc8b3	#ffc8b3	#915b45	#915b45	#b4fd6d	#b4fd6d	#469000	#469000
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#c6fd91	#c6fd91	#356c00	#356c00
#ffe3d9	#ffe3d9	#482d22	#482d22	#d9feb6	#d9feb6	#234800	#234800
#fff1ec	#fff1ec	#241611	#241611	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightsalmon und Farbwert #7cfc00

Hintergrund/Text-Kombination bei Tag dt

Wir ändern für dieses Beispiel die Textfarbe von <dt> auf Farbwert #7cfc00 und die Hintergrundfarbe von <dt> auf Farbe lightsalmon. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  dt { 
    color:#7cfc00; 
    background-color:lightsalmon; 
    font-family:courier new; 
    font-size:13px;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten vom Tag dt sind in der HTML Referenz bei <dt> gezeigt.

Wechsel der Textfarbe bei Hover mit Tag a

Mit HTML-Befehl <a> wird ein Link gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe lightsalmon auf Farbwert #7cfc00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbe lightsalmon vor.

Wir setzen hier bei <a> die Textfarbe auf Farbe lightsalmon:

<style type="text/css"><!--
  a { 
    color: lightsalmon;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #7cfc00 ändert.

<style type="text/css"><!--
  a:hover { 
    color:#7cfc00;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum Befehl a ist in der HTML Referenz unter <a> genau beschrieben.