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

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			Schriftfarbe wheat
Detail	:	Hintergrund papayawhip	Detail	:	Schrift wheat
Farbe	:	papayawhip	Farbe	:	wheat
Farbwert	:	#ffefd5	Farbwert	:	#f5deb3
HTML	:	papayawhip	HTML	:	wheat
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#f5deb3
CSS	:	papayawhip	CSS	:	wheat
CSS (Wert)	:	#ffefd5	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#ffefd5	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(255,239,213)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(100%,93%,83%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbe papayawhip nach Schriftfarbe wheat
#ffefd5	#fdecd0	#fceacb	#fae7c6	#f9e5c1	#f7e2bc	#f6e0b7	#f5deb3
#ffefd5	#fdecd0	#fceacb	#fae7c6	#f9e5c1	#f7e2bc	#f6e0b7	#f5deb3

Kombination von papayawhip und wheat
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund papayawhip ist wheat ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von wheat und papayawhip ergibt sich zu 94.47%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.53%.

Hintergrundfarbe papayawhip				Schriftfarbe wheat
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffefd5	#ffefd5	#ffefd5	#ffefd5	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#fff1db	#fff1db	#daccb6	#daccb6	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#fff3e1	#fff3e1	#b6aa98	#b6aa98	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#fff5e7	#fff5e7	#918879	#918879	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#fff8ed	#fff8ed	#6d665b	#6d665b	#faf0de	#faf0de	#695f4c	#695f4c
#fffaf3	#fffaf3	#48443c	#48443c	#fcf5e9	#fcf5e9	#463f33	#463f33
#fffcf9	#fffcf9	#24221e	#24221e	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe papayawhip und Farbe wheat

Hintergrund/Text-Kombination mit Tag a

Mit HTML-Tag <a> setzen Sie einen Link und kann farblich gestaltet und hervorgehoben werden.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe wheat und die Hintergrundfarbe von <a> auf Farbe papayawhip. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    color:wheat; 
    font-size:13px; 
    font-family:verdana; 
    background-color:papayawhip;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Zur Beschreibung des hier genutzten HTML-Befehl <a>.

Wechsel der Textfarbe bei Hover mit Befehl tr

Die Textfarbe soll sich von Farbe papayawhip auf Farbe wheat ändern, wenn man mit der Maus auf <tr> zeigt. Wir bereiten zunächst eine Darstellung von <tr> in Farbe papayawhip vor.

Hier legen wir bei <tr> die Textfarbe auf Farbe papayawhip fest:

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu wheat ändert.

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

Mehr zum Thema tr finden Sie in Tabellen in HTML. Der Befehl tr ist in der HTML Referenz bei <tr> genau beschrieben.