Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffaf0 und Farbwert #fff8dc

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

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #fff8dc
#fffaf0	#fff9ed	#fff9ea	#fff9e7	#fff8e4	#fff8e1	#fff8de	#fff8dc
#fffaf0	#fff9ed	#fff9ea	#fff9e7	#fff8e4	#fff8e1	#fff8de	#fff8dc

Kombination von #fffaf0 und #fff8dc
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #fff8dc und #fffaf0 beträgt 95.12%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.88%. Auf Hintergrund #fffaf0 ist #fff8dc ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #fffaf0				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#fffae6	#fffae6	#b6b19d	#b6b19d
#fffcf6	#fffcf6	#918e89	#918e89	#fffbeb	#fffbeb	#918d7d	#918d7d
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#fffdfa	#fffdfa	#484744	#484744	#fffdf5	#fffdf5	#48463e	#48463e
#fffefc	#fffefc	#242322	#242322	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffaf0 und Farbwert #fff8dc

Hintergrund/Text-Kombination bei Tag address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #fff8dc und die Hintergrundfarbe von <address> auf Farbwert #fffaf0. Die Schriftart ändern wir auf monospace und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  address { 
    color: #fff8dc; 
    font-size: 13px; 
    background-color: #fffaf0; 
    font-family: monospace;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Einzelheiten vom hier verwendeten Tag address finden Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl thead

Die Textfarbe soll sich von Farbwert #fffaf0 auf Farbwert #fff8dc ändern, wenn man mit der Maus auf <thead> zeigt. Bereiten wir zunächst eine Formatierung von <thead> in Farbwert #fffaf0 vor.

Wir legen in diesem Beispiel die Textfarbe von <thead> auf Farbwert #fffaf0 fest:

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

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

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

Weiteres zum Thema thead erfahren Sie in Tabellen in HTML. Zur Beschreibung vom Tag <thead>.