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

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 #faebd7
Detail	:	Hintergrund lightsalmon	Detail	:	Schrift #faebd7
Farbe	:	lightsalmon	Farbwert	:	#faebd7
Farbwert	:	#ffa07a	Farbe	:	antiquewhite
HTML	:	lightsalmon	HTML	:	#faebd7
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#faebd7
CSS	:	lightsalmon	CSS	:	#faebd7
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe lightsalmon nach Schriftfarbwert #faebd7
#ffa07a	#feaa87	#fdb594	#fcc0a1	#fccaaf	#fbd5bc	#fae0c9	#faebd7
#ffa07a	#feaa87	#fdb594	#fcc0a1	#fccaaf	#fbd5bc	#fae0c9	#faebd7

Kombination von lightsalmon und #faebd7
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund lightsalmon ist #faebd7 ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #faebd7 und lightsalmon beträgt 91.92%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.08%.

Hintergrundfarbe lightsalmon				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#faebd7	#faebd7	#faebd7	#faebd7
#ffad8d	#ffad8d	#da8968	#da8968	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#ffbba0	#ffbba0	#b67257	#b67257	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#ffc8b3	#ffc8b3	#915b45	#915b45	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#ffe3d9	#ffe3d9	#482d22	#482d22	#fdf9f3	#fdf9f3	#47433d	#47433d
#fff1ec	#fff1ec	#241611	#241611	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightsalmon und Farbwert #faebd7

Wechsel der Textfarbe bei Hover bei Tag span

Die Textfarbe soll sich von Farbe lightsalmon auf Farbwert #faebd7 ändern, wenn man mit der Maus auf <span> zeigt. Wir bereiten zunächst die Darstellung von <span> in Farbe lightsalmon vor.

Als Beispiel legen wir Farbe lightsalmon als Textfarbe von <span> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift erhöhen wir auf 111%:

<style type="text/css"><!--
  span { 
    color:lightsalmon; 
    font-size:111%; 
    font-family:sans-serif;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #faebd7 gesetzt wird.

<style type="text/css"><!--
  span:hover { 
    color:#faebd7;
  }
//-->
</style>

Weiteres zum hier verwendeten Tag <span>.