Ressourcen: 120 HTML Farbnamen - Kombination von Farbe honeydew und Farbe navajowhite

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 honeydew			Schriftfarbe navajowhite
Detail	:	Hintergrund honeydew	Detail	:	Schrift navajowhite
Farbe	:	honeydew	Farbe	:	navajowhite
Farbwert	:	#f0fff0	Farbwert	:	#ffdead
HTML	:	honeydew	HTML	:	navajowhite
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#ffdead
CSS	:	honeydew	CSS	:	navajowhite
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbe navajowhite
#f0fff0	#f2fae6	#f4f5dc	#f6f0d3	#f8ecc9	#fae7c0	#fce2b6	#ffdead
#f0fff0	#f2fae6	#f4f5dc	#f6f0d3	#f8ecc9	#fae7c0	#fce2b6	#ffdead

Kombination von honeydew und navajowhite
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				navajowhite ist nicht als Schriftfarbe auf Hintergrund honeydew geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von navajowhite und honeydew beträgt 94.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.92%.

Hintergrundfarbe honeydew				Schriftfarbe navajowhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#ffdead	#ffdead	#ffdead	#ffdead
#f2fff2	#f2fff2	#cddacd	#cddacd	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#f6fff6	#f6fff6	#899189	#899189	#ffecd0	#ffecd0	#917e62	#917e62
#f8fff8	#f8fff8	#666d66	#666d66	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#fafffa	#fafffa	#444844	#444844	#fff5e7	#fff5e7	#483f31	#483f31
#fcfffc	#fcfffc	#222422	#222422	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe honeydew und Farbe navajowhite

Wechsel der Hintergrundfarbe bei Hover mit Tag li

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

Wir legen z.B. die Hintergrundfarbe von <li> auf Farbe honeydew fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  li { 
    background-color: honeydew; 
    font-family: sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu navajowhite ändert.

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

Mehr zum Thema li können Sie in Listen und Glossare in HTML nachsehen. Die Beschreibung des hier gezeigten HTML-Tag li finden Sie in der HTML Referenz unter <li>.