Ressourcen: 137 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #fff5ee

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.

Hintergrundfarbe palegoldenrod			Schriftfarbwert #fff5ee
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #fff5ee
Farbe	:	palegoldenrod	Farbwert	:	#fff5ee
Farbwert	:	#eee8aa	Farbe	:	seashell
HTML	:	palegoldenrod	HTML	:	#fff5ee
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#fff5ee
CSS	:	palegoldenrod	CSS	:	#fff5ee
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #fff5ee
#eee8aa	#f0e9b3	#f2ebbd	#f5edc7	#f7efd0	#faf1da	#fcf3e4	#fff5ee
#eee8aa	#f0e9b3	#f2ebbd	#f5edc7	#f7efd0	#faf1da	#fcf3e4	#fff5ee

Kombination von palegoldenrod und #fff5ee
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 von #fff5ee und palegoldenrod ergibt sich zu 94.45%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.55%. #fff5ee ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#f2eec2	#f2eec2	#aaa579	#aaa579	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#f5f1ce	#f5f1ce	#888461	#888461	#fff9f5	#fff9f5	#918c88	#918c88
#f7f5da	#f7f5da	#666348	#666348	#fffaf7	#fffaf7	#6d6966	#6d6966
#faf8e6	#faf8e6	#444230	#444230	#fffcfa	#fffcfa	#484644	#484644
#fcfbf2	#fcfbf2	#222118	#222118	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe palegoldenrod und Farbwert #fff5ee

Wechsel der Hintergrundfarbe bei Hover bei Tag tfoot

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

Als Beispiel legen wir Farbe palegoldenrod als Hintergrundfarbe von <tfoot> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 9pt.

<style type="text/css"><!--
  tfoot { 
    background-color: palegoldenrod; 
    font-size: 9pt; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #fff5ee geändert wird.

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

Mehr zum Thema lesen Sie in Tabellen in HTML. Mehr zum HTML-Tag tfoot ist in der HTML Referenz bei <tfoot> genau zusammengestellt.