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

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 #f0fff0
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #f0fff0
Farbwert	:	#eee8aa	Farbwert	:	#f0fff0
Farbe	:	palegoldenrod	Farbe	:	honeydew
HTML	:	#eee8aa	HTML	:	#f0fff0
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#f0fff0
CSS	:	#eee8aa	CSS	:	#f0fff0
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #f0fff0
#eee8aa	#eeebb4	#eeeebe	#eef1c8	#eff5d2	#eff8dc	#effbe6	#f0fff0
#eee8aa	#eeebb4	#eeeebe	#eef1c8	#eff5d2	#eff8dc	#effbe6	#f0fff0

Kombination von #eee8aa und #f0fff0
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #eee8aa ist #f0fff0 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #f0fff0 und #eee8aa beträgt 94.24%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.76%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#f2fff2	#f2fff2	#cddacd	#cddacd
#f2eec2	#f2eec2	#aaa579	#aaa579	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#f5f1ce	#f5f1ce	#888461	#888461	#f6fff6	#f6fff6	#899189	#899189
#f7f5da	#f7f5da	#666348	#666348	#f8fff8	#f8fff8	#666d66	#666d66
#faf8e6	#faf8e6	#444230	#444230	#fafffa	#fafffa	#444844	#444844
#fcfbf2	#fcfbf2	#222118	#222118	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #f0fff0

Wechsel der Textfarbe bei Hover von Tag div

Einen Universalkontainer erzeugen Sie mit Befehl <div>. Diesen können Sie farblich gestalten und hervorheben.

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

Wir ändern als Beispiel die Textfarbe von <div> auf Farbwert #eee8aa. Die Schriftgröße verringern wir auf 86%.

<style type="text/css"><!--
  div { 
    font-size:86%; 
    color:#eee8aa;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #f0fff0 gesetzt wird.

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

Mehr zum hier gezeigten Tag div ist in der HTML Referenz bei <div> zusammengestellt.

Hintergrund/Text-Kombination mit HTML-Tag a

Einen Link setzen Sie mit Befehl <a>. Er kann farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbwert #f0fff0 und die Hintergrundfarbe von <a> auf Farbwert #eee8aa. Als Schriftart setzen wir arial und vergrößern die Schriftgröße auf 122%.

<style type="text/css"><!--
  a { 
    color: #f0fff0; 
    font-size: 122%; 
    background-color: #eee8aa; 
    font-family: arial;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom Befehl a lesen Sie in der HTML Referenz unter <a>.