Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffafa und Farbe oldlace

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 #fffafa			Schriftfarbe oldlace
Detail	:	Hintergrund #fffafa	Detail	:	Schrift oldlace
Farbwert	:	#fffafa	Farbe	:	oldlace
Farbe	:	snow	Farbwert	:	#fdf5e6
HTML	:	#fffafa	HTML	:	oldlace
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#fdf5e6
CSS	:	#fffafa	CSS	:	oldlace
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbe oldlace
#fffafa	#fef9f7	#fef8f4	#fef7f1	#fdf7ee	#fdf6eb	#fdf5e8	#fdf5e6
#fffafa	#fef9f7	#fef8f4	#fef7f1	#fdf7ee	#fdf6eb	#fdf5e8	#fdf5e6

Kombination von #fffafa und oldlace
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				Auf Hintergrund #fffafa ist oldlace ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von oldlace und #fffafa ergibt sich zu 95.01%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.99%.

Hintergrundfarbwert #fffafa				Schriftfarbe oldlace
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#fffafa	#fffafa	#dad6d6	#dad6d6	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#fffcfc	#fffcfc	#918e8e	#918e8e	#fdf9f0	#fdf9f0	#908c83	#908c83
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#fefaf4	#fefaf4	#6c6962	#6c6962
#fffdfd	#fffdfd	#484747	#484747	#fefcf7	#fefcf7	#484641	#484641
#fffefe	#fffefe	#242323	#242323	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fffafa und Farbe oldlace

Wechsel der Textfarbe bei Hover bei Tag li

Die Textfarbe soll sich von Farbwert #fffafa auf Farbe oldlace ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <li> in Farbwert #fffafa vor.

Wir legen z.B. Farbwert #fffafa als Textfarbe von <li> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift setzen wir auf 83%:

<style type="text/css"><!--
  li { 
    font-family: courier new; 
    font-size: 83%; 
    color: #fffafa;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu oldlace ändert.

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

Mehr zum Thema li finden Sie in Listen und Glossare in HTML. Mehr zum hier genutzten Befehl <li>.