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

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 navajowhite			Schriftfarbe papayawhip
Detail	:	Hintergrund navajowhite	Detail	:	Schrift papayawhip
Farbe	:	navajowhite	Farbe	:	papayawhip
Farbwert	:	#ffdead	Farbwert	:	#ffefd5
HTML	:	navajowhite	HTML	:	papayawhip
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#ffefd5
CSS	:	navajowhite	CSS	:	papayawhip
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbe papayawhip
#ffdead	#ffe0b2	#ffe2b8	#ffe5be	#ffe7c3	#ffeac9	#ffeccf	#ffefd5
#ffdead	#ffe0b2	#ffe2b8	#ffe5be	#ffe7c3	#ffeac9	#ffeccf	#ffefd5

Kombination von navajowhite und papayawhip
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante.				Die Ähnlichkeit von papayawhip und navajowhite ergibt sich zu 94.58%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.42%. Auf Hintergrund navajowhite ist papayawhip ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe navajowhite				Schriftfarbe papayawhip
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#fff1db	#fff1db	#daccb6	#daccb6
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#ffecd0	#ffecd0	#917e62	#917e62	#fff5e7	#fff5e7	#918879	#918879
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#fff8ed	#fff8ed	#6d665b	#6d665b
#fff5e7	#fff5e7	#483f31	#483f31	#fffaf3	#fffaf3	#48443c	#48443c
#fffaf3	#fffaf3	#241f18	#241f18	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbe papayawhip

Hintergrund/Text-Kombination von Tag table

Wir ändern für dieses Beispiel die Textfarbe von <table> auf Farbe papayawhip und die Hintergrundfarbe von <table> auf Farbe navajowhite. Als Schriftart setzen wir courier new. Als Schriftgröße wählen wir 96%.

<style type="text/css"><!--
  table { 
    font-size:96%; 
    color:papayawhip; 
    background-color:navajowhite; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Zur Beschreibung vom HTML-Befehl <table>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag ins

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

Z.B. setzen wir die Hintergrundfarbe von <ins> auf Farbe navajowhite. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial und setzen die Größe der Schrift auf 86%.

<style type="text/css"><!--
  ins { 
    font-family: arial; 
    font-size: 86%; 
    background-color: navajowhite;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf papayawhip geändert wird.

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

Weiteres zum hier gezeigten Tag ins ist in der HTML Referenz unter <ins> genau gezeigt.