Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #fffaf0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #fffaf0
Detail	:	Hintergrundfarbwert #fffaf0	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#fffaf0	#fffaf0	#fffaf0	#fffaf0	#fffaf0
Farbe	:	floralwhite	#fffaf2	#fffaf2	#dad6cd	#dad6cd
HTML	:	#fffaf0	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
CSS	:	#fffaf0	#fffcf6	#fffcf6	#918e89	#918e89
CSS (Wert)	:	#fffaf0	#fffcf8	#fffcf8	#6d6b66	#6d6b66
CSS (kürzest)	:	#fffaf0	#fffdfa	#fffdfa	#484744	#484744
CSS (RGB)	:	rgb(255,250,240)	#fffefc	#fffefc	#242322	#242322
CSS (%RGB)	:	rgb(100%,98%,94%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #fffaf0

Änderung der Textfarbe mit Tag button

Als Beispiel legen wir Farbwert #fffaf0 als Textfarbe von <button> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  button { 
    font-family:arial; 
    color:#fffaf0;
  }
//-->
</style>

Mehr zum Thema button erfahren Sie in Formulare in HTML. Die Beschreibung vom hier gezeigten Tag button finden Sie in der HTML Referenz unter <button>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Tag samp

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <samp> vor.

Z.B. legen wir Farbwert #fffaf0 als Hintergrundfarbe von <samp> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 111%.

<style type="text/css"><!--
  samp { 
    background-color: #3f709e; 
    font-size: 111%; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #fffaf0 gesetzt wird.

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

Weiteres zum Thema können Sie in Text in HTML erfahren. Einzelheiten vom Befehl samp sind in der HTML Referenz bei <samp> ausführlich gezeigt.