Ressourcen: 120 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbwert #ffa07a

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

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

Kombination von antiquewhite und #ffa07a
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffa07a eignet sich nicht als Schriftfarbe auf Hintergrund antiquewhite. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #ffa07a und antiquewhite beträgt 91.92%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.08%.

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

Beispiel zur Kombination von Farbe antiquewhite und Farbwert #ffa07a

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl li

Die Hintergrundfarbe soll sich von Farbe antiquewhite auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbe antiquewhite vor.

Für dieses Beispiel legen wir Farbe antiquewhite als Hintergrundfarbe von <li> fest und vergrößern die Größe der Schrift auf 123%:

<style type="text/css"><!--
  li { 
    font-size:123%; 
    background-color:antiquewhite;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #ffa07a geändert wird.

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

Weiteres zu li finden Sie in Listen und Glossare in HTML. Möglichkeiten des hier genutzten Befehl <li>.