Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darksalmon und Farbwert #6a5acd

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 darksalmon			Schriftfarbwert #6a5acd
Detail	:	Hintergrund darksalmon	Detail	:	Schrift #6a5acd
Farbe	:	darksalmon	Farbwert	:	#6a5acd
Farbwert	:	#e9967a	Farbe	:	slateblue
HTML	:	darksalmon	HTML	:	#6a5acd
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#6a5acd
CSS	:	darksalmon	CSS	:	#6a5acd
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbwert #6a5acd
#e9967a	#d68d85	#c48491	#b27c9d	#a073a9	#8e6bb5	#7c62c1	#6a5acd
#e9967a	#d68d85	#c48491	#b27c9d	#a073a9	#8e6bb5	#7c62c1	#6a5acd

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

Hintergrundfarbe darksalmon				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#eca58d	#eca58d	#c78068	#c78068	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#efb4a0	#efb4a0	#a66b57	#a66b57	#9489db	#9489db	#4b4092	#4b4092
#f2c3b3	#f2c3b3	#855545	#855545	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#f5d2c6	#f5d2c6	#634034	#634034	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#f8e1d9	#f8e1d9	#422a22	#422a22	#d4cff0	#d4cff0	#1e193a	#1e193a
#fbf0ec	#fbf0ec	#211511	#211511	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbwert #6a5acd

Hintergrund/Text-Kombination mit Befehl legend

Für dieses Beispiel ändern wir die Textfarbe von <legend> auf Farbwert #6a5acd und die Hintergrundfarbe von <legend> auf Farbe darksalmon. Als Schriftart wählen wir courier new. Als Schriftgröße wählen wir 93%.

<style type="text/css"><!--
  legend { 
    font-family:courier new; 
    color:#6a5acd; 
    background-color:darksalmon; 
    font-size:93%;
  }
//-->
</style>

Weiteres zu legend können Sie in Formulare in HTML nachlesen. Einzelheiten vom Befehl <legend>.

Wechsel der Umrandung bei Hover mit Tag img

Die Rahmenfarbe soll sich von Farbe darksalmon auf Farbwert #6a5acd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbe darksalmon vor.

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe darksalmon.

<style type="text/css"><!--
  img { 
    border-width:1px; 
    border-style:inset; 
    border-color:darksalmon;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #6a5acd ändert.

<style type="text/css"><!--
  img: hover { 
    border-color: #6a5acd;
  }
//-->
</style>

Weiteres zum Thema img lesen Sie in Grafik in HTML. Möglichkeiten vom HTML-Befehl img lesen Sie in der HTML Referenz unter <img>.