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

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 #cd853f
Detail	:	Hintergrund darksalmon	Detail	:	Schrift #cd853f
Farbe	:	darksalmon	Farbwert	:	#cd853f
Farbwert	:	#e9967a	Farbe	:	peru
HTML	:	darksalmon	HTML	:	#cd853f
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#cd853f
CSS	:	darksalmon	CSS	:	#cd853f
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbwert #cd853f
#e9967a	#e59371	#e19169	#dd8e60	#d98c58	#d5894f	#d18747	#cd853f
#e9967a	#e59371	#e19169	#dd8e60	#d98c58	#d5894f	#d18747	#cd853f

Kombination von darksalmon und #cd853f
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#cd853f ist nicht als Schriftfarbe auf Hintergrund darksalmon geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #cd853f und darksalmon beträgt 93.82%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.18%.

Hintergrundfarbe darksalmon				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#cd853f	#cd853f	#cd853f	#cd853f
#eca58d	#eca58d	#c78068	#c78068	#d4965a	#d4965a	#af7236	#af7236
#efb4a0	#efb4a0	#a66b57	#a66b57	#dba775	#dba775	#925f2d	#925f2d
#f2c3b3	#f2c3b3	#855545	#855545	#e2b991	#e2b991	#754c24	#754c24
#f5d2c6	#f5d2c6	#634034	#634034	#e9caac	#e9caac	#57391b	#57391b
#f8e1d9	#f8e1d9	#422a22	#422a22	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fbf0ec	#fbf0ec	#211511	#211511	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbwert #cd853f

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag li

Die Hintergrundfarbe soll sich von Farbe darksalmon auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <li> in Farbe darksalmon vor.

Wir setzen z.B. die Hintergrundfarbe von <li> auf Farbe darksalmon.

<style type="text/css"><!--
  li { 
    background-color: darksalmon;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #cd853f gesetzt wird.

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

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Einzelheiten des hier genutzten HTML-Befehl li sind in der HTML Referenz bei <li> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover mit HTML-Befehl form

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

In diesem Beispiel umranden wir <form> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe darksalmon.

<style type="text/css"><!--
  form { border:3px groove darksalmon; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #cd853f geändert wird.

<style type="text/css"><!--
  form:hover { 
    border-color:#cd853f;
  }
//-->
</style>

Mehr zum Thema form finden Sie in Formulare in HTML. Der Befehl form ist in der HTML Referenz unter <form> beschrieben.