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

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.

Hintergrundfarbwert #ffdead			Schriftfarbe darksalmon
Detail	:	Hintergrund #ffdead	Detail	:	Schrift darksalmon
Farbwert	:	#ffdead	Farbe	:	darksalmon
Farbe	:	navajowhite	Farbwert	:	#e9967a
HTML	:	#ffdead	HTML	:	darksalmon
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#e9967a
CSS	:	#ffdead	CSS	:	darksalmon
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #ffdead nach Schriftfarbe darksalmon
#ffdead	#fbd3a5	#f8c99e	#f5bf97	#f2b48f	#efaa88	#eca081	#e9967a
#ffdead	#fbd3a5	#f8c99e	#f5bf97	#f2b48f	#efaa88	#eca081	#e9967a

Kombination von #ffdead und darksalmon
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				darksalmon ist nicht als Schriftfarbe auf Hintergrund #ffdead geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben darksalmon und #ffdead beträgt 91.48%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.52%.

Hintergrundfarbwert #ffdead				Schriftfarbe darksalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#e9967a	#e9967a	#e9967a	#e9967a
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#eca58d	#eca58d	#c78068	#c78068
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#efb4a0	#efb4a0	#a66b57	#a66b57
#ffecd0	#ffecd0	#917e62	#917e62	#f2c3b3	#f2c3b3	#855545	#855545
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#f5d2c6	#f5d2c6	#634034	#634034
#fff5e7	#fff5e7	#483f31	#483f31	#f8e1d9	#f8e1d9	#422a22	#422a22
#fffaf3	#fffaf3	#241f18	#241f18	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdead und Farbe darksalmon

Hintergrund/Text-Kombination bei Tag strong

Für dieses Beispiel ändern wir die Textfarbe von <strong> auf Farbe darksalmon und die Hintergrundfarbe von <strong> auf Farbwert #ffdead. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 13px.

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

Mehr zu strong erfahren Sie in Text in HTML. Möglichkeiten des Tag <strong>.

Wechsel der Hintergrundfarbe bei Hover von Tag h3

Eine Überschrift wird mit HTML-Tag <h3> gesetzt und kann hervorgehoben und farblich gestaltet werden.

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

Z.B. legen wir Farbwert #ffdead als Hintergrundfarbe von <h3> fest:

<style type="text/css"><!--
  h3 { 
    background-color: #ffdead;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu darksalmon ändert.

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

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum Tag h3 ist in der HTML Referenz unter <h3> ausführlich gezeigt.