Ressourcen: 120 HTML Farbnamen - Kombination von Farbe navajowhite und Farbwert #ffc0cb

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			Schriftfarbwert #ffc0cb
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #ffc0cb
Farbe	:	navajowhite	Farbwert	:	#ffc0cb
Farbwert	:	#ffdead	Farbe	:	pink
HTML	:	navajowhite	HTML	:	#ffc0cb
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#ffc0cb
CSS	:	navajowhite	CSS	:	#ffc0cb
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #ffc0cb
#ffdead	#ffd9b1	#ffd5b5	#ffd1b9	#ffccbe	#ffc8c2	#ffc4c6	#ffc0cb
#ffdead	#ffd9b1	#ffd5b5	#ffd1b9	#ffccbe	#ffc8c2	#ffc4c6	#ffc0cb

Kombination von navajowhite und #ffc0cb
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.				Die Ähnlichkeit der Farben #ffc0cb und navajowhite ergibt sich zu 94.31%. Die Lesbarkeit dieser Kombination liegt damit bei 5.69%. Auf Hintergrund navajowhite ist #ffc0cb ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe navajowhite				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#ffd2d9	#ffd2d9	#b68991	#b68991
#ffecd0	#ffecd0	#917e62	#917e62	#ffdbe1	#ffdbe1	#916d74	#916d74
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#fff5e7	#fff5e7	#483f31	#483f31	#ffedf0	#ffedf0	#48363a	#48363a
#fffaf3	#fffaf3	#241f18	#241f18	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover mit HTML-Tag s

Die Textfarbe soll sich von Farbe navajowhite auf Farbwert #ffc0cb ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbe navajowhite vor.

Wir legen z.B. Farbe navajowhite als Textfarbe von <s> fest.

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

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

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

Weiteres zum Thema s können Sie in Text in HTML nachlesen. Mehr zum hier genutzten Tag s ist in der HTML Referenz bei <s> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbe navajowhite auf Farbwert #ffc0cb ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <pre> in Farbe navajowhite vor.

Wir legen z.B. die Hintergrundfarbe von <pre> auf Farbe navajowhite fest. Die Textfarbe ändern wir nicht, ändern jedoch die Schriftart auf courier new und verkleinern die Schriftgröße auf 85S%.

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #ffc0cb ändert.

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

Weiteres zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Der HTML-Befehl pre ist in der HTML Referenz bei <pre> ausführlich gezeigt.