Ressourcen: 120 HTML Farbnamen - Kombination von Farbe limegreen und Farbe salmon

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 limegreen			Schriftfarbe salmon
Detail	:	Hintergrund limegreen	Detail	:	Schrift salmon
Farbe	:	limegreen	Farbe	:	salmon
Farbwert	:	#32cd32	Farbwert	:	#fa8072
HTML	:	limegreen	HTML	:	salmon
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#fa8072
CSS	:	limegreen	CSS	:	salmon
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbe salmon
#32cd32	#4ec23b	#6bb744	#87ac4d	#a4a156	#c0965f	#dd8b68	#fa8072
#32cd32	#4ec23b	#6bb744	#87ac4d	#a4a156	#c0965f	#dd8b68	#fa8072

Kombination von limegreen und salmon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				salmon ist nicht als Schriftfarbe auf Hintergrund limegreen geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben salmon und limegreen ergibt sich zu 94.38%. Die Lesbarkeit dieser Kombination liegt damit bei 5.62%.

Hintergrundfarbe limegreen				Schriftfarbe salmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#fa8072	#fa8072	#fa8072	#fa8072
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#fa9286	#fa9286	#d66d61	#d66d61
#6cdb6c	#6cdb6c	#239223	#239223	#fba49a	#fba49a	#b25b51	#b25b51
#89e289	#89e289	#1c751c	#1c751c	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#a7e9a7	#a7e9a7	#155715	#155715	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#fddad6	#fddad6	#472420	#472420
#e1f7e1	#e1f7e1	#071d07	#071d07	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe limegreen und Farbe salmon

Wechsel der Hintergrundfarbe bei Hover mit Befehl acronym

Die Hintergrundfarbe soll sich von Farbe limegreen auf Farbe salmon ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst die Darstellung von <acronym> in Farbe limegreen vor.

Wir legen zum Beispiel Farbe limegreen als Hintergrundfarbe von <acronym> fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift verringern wir auf 80%:

<style type="text/css"><!--
  acronym { 
    font-size:80%; 
    font-family:verdana; 
    background-color:limegreen;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf salmon geändert wird.

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

Mehr zum HTML-Tag <acronym>.

Füllen und Umranden bei HTML-Befehl strike

Hier umranden wir <strike> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe salmon . Den Hintergrund von <strike> färben wir entsprechend mit Farbe limegreen. Dies ist mit HTML kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  strike { border:1px dotted salmon; background-color:limegreen; }
//-->
</style>

Weiteres zu strike lesen Sie in Text in HTML. Der hier verwendete Befehl strike ist in der HTML Referenz bei <strike> genau zusammengestellt.