Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbwert #f5f5f5

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.

Hintergrundfarbwert #eee8aa			Schriftfarbwert #f5f5f5
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #f5f5f5
Farbwert	:	#eee8aa	Farbwert	:	#f5f5f5
Farbe	:	palegoldenrod	Farbe	:	whitesmoke
HTML	:	#eee8aa	HTML	:	#f5f5f5
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#f5f5f5
CSS	:	#eee8aa	CSS	:	#f5f5f5
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #f5f5f5
#eee8aa	#efe9b4	#f0ebbf	#f1edca	#f2efd4	#f3f1df	#f4f3ea	#f5f5f5
#eee8aa	#efe9b4	#f0ebbf	#f1edca	#f2efd4	#f3f1df	#f4f3ea	#f5f5f5

Kombination von #eee8aa und #f5f5f5
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f5f5f5 eignet sich nicht als Schriftfarbe auf Hintergrund #eee8aa. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #f5f5f5 und #eee8aa ergibt sich zu 94.53%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.47%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#f2eec2	#f2eec2	#aaa579	#aaa579	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#f5f1ce	#f5f1ce	#888461	#888461	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#f7f5da	#f7f5da	#666348	#666348	#fafafa	#fafafa	#696969	#696969
#faf8e6	#faf8e6	#444230	#444230	#fcfcfc	#fcfcfc	#464646	#464646
#fcfbf2	#fcfbf2	#222118	#222118	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #f5f5f5

Wechsel der Textfarbe bei Hover bei HTML-Befehl tfoot

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbwert #f5f5f5 ändern, wenn man mit der Maus auf <tfoot> zeigt. Bereiten wir zunächst die Darstellung von <tfoot> in Farbwert #eee8aa vor.

Für dieses Beispiel legen wir Farbwert #eee8aa als Textfarbe von <tfoot> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif.

<style type="text/css"><!--
  tfoot { 
    font-family:sans-serif; 
    color:#eee8aa;
  }
//-->
</style>

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

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

Mehr zum Thema tfoot erfahren Sie in Tabellen in HTML. Mehr zum HTML-Befehl tfoot ist in der HTML Referenz unter <tfoot> ausführlich gezeigt.

Hintergrund/Text-Kombination bei Tag option

Wir ändern für dieses Beispiel die Textfarbe von <option> auf Farbwert #f5f5f5 und die Hintergrundfarbe von <option> auf Farbwert #eee8aa. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 117%.

<style type="text/css"><!--
  option { 
    font-size:117%; 
    background-color:#eee8aa; 
    color:#f5f5f5; 
    font-family:monospace;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML lesen. Weiteres zum Tag option erfahren Sie in der HTML Referenz unter <option>.