Ressourcen: 120 HTML Farbnamen - Kombinationen mit 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 papayawhip
Detail	:	Hintergrundfarbe papayawhip	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	papayawhip	#ffefd5	#ffefd5	#ffefd5	#ffefd5
Farbwert	:	#ffefd5	#fff1db	#fff1db	#daccb6	#daccb6
HTML	:	papayawhip	#fff3e1	#fff3e1	#b6aa98	#b6aa98
CSS	:	papayawhip	#fff5e7	#fff5e7	#918879	#918879
CSS (Wert)	:	#ffefd5	#fff8ed	#fff8ed	#6d665b	#6d665b
CSS (kürzest)	:	#ffefd5	#fffaf3	#fffaf3	#48443c	#48443c
CSS (RGB)	:	rgb(255,239,213)	#fffcf9	#fffcf9	#24221e	#24221e
CSS (%RGB)	:	rgb(100%,93%,83%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe papayawhip

Änderung der Hintergrundfarbe von Befehl p

Hier legen wir Farbe papayawhip als Hintergrundfarbe von <p> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace.

<p style="background-color:papayawhip; font-family:monospace;">
Dieser p-Hintergrund nutzt Farbe papayawhip
</p>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte Befehl p ist in der HTML Referenz unter <p> zusammengestellt.

Änderung der Textfarbe bei Hover von Tag pre

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <pre> so ein, dass bei Berührung mit der Maus die Textfarbe auf Farbe papayawhip geändert wird.

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

Mehr zu pre können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten des HTML-Befehl pre sind in der HTML Referenz bei <pre> genau zusammengestellt.