Ressourcen: 120 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #f8f8ff

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 #f8f8ff
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #f8f8ff
Farbe	:	floralwhite	Farbwert	:	#f8f8ff
Farbwert	:	#fffaf0	Farbe	:	ghostwhite
HTML	:	floralwhite	HTML	:	#f8f8ff
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#f8f8ff
CSS	:	floralwhite	CSS	:	#f8f8ff
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #f8f8ff
#fffaf0	#fef9f2	#fdf9f4	#fcf9f6	#fbf8f8	#faf8fa	#f9f8fc	#f8f8ff
#fffaf0	#fef9f2	#fdf9f4	#fcf9f6	#fbf8f8	#faf8fa	#f9f8fc	#f8f8ff

Kombination von floralwhite und #f8f8ff
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #f8f8ff und floralwhite ergibt sich zu 95.16%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.84%. #f8f8ff ist nicht als Schriftfarbe auf Hintergrund floralwhite geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe floralwhite				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#fffcf6	#fffcf6	#918e89	#918e89	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#fffdfa	#fffdfa	#484744	#484744	#fdfdff	#fdfdff	#464648	#464648
#fffefc	#fffefc	#242322	#242322	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #f8f8ff

Wechsel der Hintergrundfarbe bei Hover von Tag address

Die Hintergrundfarbe soll sich von Farbe floralwhite auf Farbwert #f8f8ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <address> in Farbe floralwhite vor.

Als Beispiel ändern wir die Hintergrundfarbe von <address> auf Farbe floralwhite. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf arial.

<style type="text/css"><!--
  address { 
    font-family:arial; 
    background-color:floralwhite;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe auf #f8f8ff ändert.

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

Mehr zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier gezeigten HTML-Befehl address lesen Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl del

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

Hier legen wir Farbe floralwhite als Textfarbe von <del> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana und setzen die Größe der Schrift auf 88%:

<style type="text/css"><!--
  del { 
    color:floralwhite; 
    font-size:88%; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #f8f8ff ändert.

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

Weiteres zum hier genutzten HTML-Tag <del>.