Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffffe0 und Farbwert #ffefd5

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.

Hintergrundfarbwert #ffffe0			Schriftfarbwert #ffefd5
Detail	:	Hintergrund #ffffe0	Detail	:	Schrift #ffefd5
Farbwert	:	#ffffe0	Farbwert	:	#ffefd5
Farbe	:	lightyellow	Farbe	:	papayawhip
HTML	:	#ffffe0	HTML	:	#ffefd5
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#ffefd5
CSS	:	#ffffe0	CSS	:	#ffefd5
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbwert #ffffe0 nach Schriftfarbwert #ffefd5
#ffffe0	#fffcde	#fffadc	#fff8db	#fff5d9	#fff3d8	#fff1d6	#ffefd5
#ffffe0	#fffcde	#fffadc	#fff8db	#fff5d9	#fff3d8	#fff1d6	#ffefd5

Kombination von #ffffe0 und #ffefd5
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffefd5 eignet sich nicht als Schriftfarbe auf Hintergrund #ffffe0, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffefd5 und #ffffe0 ergibt sich zu 94.71%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.29%.

Hintergrundfarbwert #ffffe0				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#ffffe4	#ffffe4	#dadac0	#dadac0	#fff1db	#fff1db	#daccb6	#daccb6
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#ffffed	#ffffed	#919180	#919180	#fff5e7	#fff5e7	#918879	#918879
#fffff1	#fffff1	#6d6d60	#6d6d60	#fff8ed	#fff8ed	#6d665b	#6d665b
#fffff6	#fffff6	#484840	#484840	#fffaf3	#fffaf3	#48443c	#48443c
#fffffa	#fffffa	#242420	#242420	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffe0 und Farbwert #ffefd5

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag strong

Die Hintergrundfarbe soll sich von Farbwert #ffffe0 auf Farbwert #ffefd5 ändern, wenn man mit der Maus auf <strong> zeigt. Wir bereiten zunächst die Formatierung von <strong> in Farbwert #ffffe0 vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <strong> auf Farbwert #ffffe0. Die Schriftgröße setzen wir auf 11pt:

<style type="text/css"><!--
  strong { 
    background-color:#ffffe0; 
    font-size:11pt;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #ffefd5 gesetzt wird.

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

Weiteres zu strong können Sie in Text in HTML erfahren. Der HTML-Befehl strong ist in der HTML Referenz unter <strong> genau gezeigt.

Wechsel der Textfarbe bei Hover von HTML-Befehl del

Die Textfarbe soll sich von Farbwert #ffffe0 auf Farbwert #ffefd5 ändern, wenn man mit der Maus auf <del> zeigt. Bereiten wir zunächst die Darstellung von <del> in Farbwert #ffffe0 vor.

Z.B. legen wir Farbwert #ffffe0 als Textfarbe von <del> fest und setzen die Schriftgröße auf 99%.

<style type="text/css"><!--
  del { 
    color: #ffffe0; 
    font-size: 99%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #ffefd5 gesetzt wird.

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

Zur Beschreibung vom hier gezeigten Befehl <del>.