Ressourcen: 120 HTML Farbnamen - Kombination von Farbe floralwhite 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.

Hintergrundfarbe floralwhite			Schriftfarbwert #ffefd5
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #ffefd5
Farbe	:	floralwhite	Farbwert	:	#ffefd5
Farbwert	:	#fffaf0	Farbe	:	papayawhip
HTML	:	floralwhite	HTML	:	#ffefd5
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#ffefd5
CSS	:	floralwhite	CSS	:	#ffefd5
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #ffefd5
#fffaf0	#fff8ec	#fff6e8	#fff5e4	#fff3e0	#fff2dc	#fff0d8	#ffefd5
#fffaf0	#fff8ec	#fff6e8	#fff5e4	#fff3e0	#fff2dc	#fff0d8	#ffefd5

Kombination von floralwhite und #ffefd5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben #ffefd5 und floralwhite beträgt 94.82%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.18%. Auf Hintergrund floralwhite ist #ffefd5 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe floralwhite				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#fff1db	#fff1db	#daccb6	#daccb6
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#fffcf6	#fffcf6	#918e89	#918e89	#fff5e7	#fff5e7	#918879	#918879
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#fff8ed	#fff8ed	#6d665b	#6d665b
#fffdfa	#fffdfa	#484744	#484744	#fffaf3	#fffaf3	#48443c	#48443c
#fffefc	#fffefc	#242322	#242322	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #ffefd5

Wechsel der Textfarbe bei Hover mit Tag dt

Die Textfarbe soll sich von Farbe floralwhite auf Farbwert #ffefd5 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbe floralwhite vor.

Z.B. legen wir Farbe floralwhite als Textfarbe von <dt> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  dt { 
    font-family: monospace; 
    color: floralwhite;
  }
//-->
</style>

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

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

Mehr zu dt finden Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten Tag <dt>.

Wechsel der Umrandung bei Hover bei HTML-Befehl dd

Die Rahmenfarbe soll sich von Farbe floralwhite auf Farbwert #ffefd5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe floralwhite vor.

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe floralwhite.

<style type="text/css"><!--
  dd { 
    border-color: floralwhite; 
    border-width: 1px; 
    border-style: double;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML finden. Weiteres zum HTML-Befehl <dd>.