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

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 #fff8dc			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #eee8aa
Farbwert	:	#fff8dc	Farbwert	:	#eee8aa
Farbe	:	cornsilk	Farbe	:	palegoldenrod
HTML	:	#fff8dc	HTML	:	#eee8aa
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#eee8aa
CSS	:	#fff8dc	CSS	:	#eee8aa
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #eee8aa
#fff8dc	#fcf5d4	#faf3cd	#f7f1c6	#f5eebf	#f2ecb8	#f0eab1	#eee8aa
#fff8dc	#fcf5d4	#faf3cd	#f7f1c6	#f5eebf	#f2ecb8	#f0eab1	#eee8aa

Kombination von #fff8dc und #eee8aa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #eee8aa und #fff8dc ergibt sich zu 94.40%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.60%. #eee8aa ist nicht als Schriftfarbe auf Hintergrund #fff8dc geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#fffae6	#fffae6	#b6b19d	#b6b19d	#f2eec2	#f2eec2	#aaa579	#aaa579
#fffbeb	#fffbeb	#918d7d	#918d7d	#f5f1ce	#f5f1ce	#888461	#888461
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#f7f5da	#f7f5da	#666348	#666348
#fffdf5	#fffdf5	#48463e	#48463e	#faf8e6	#faf8e6	#444230	#444230
#fffefa	#fffefa	#24231f	#24231f	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #eee8aa

Hintergrund/Text-Kombination bei Tag h5

Eine Überschrift erzeugen Sie mit HTML-Tag <h5>. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h5> auf Farbwert #eee8aa und die Hintergrundfarbe von <h5> auf Farbwert #fff8dc. Die Schriftart ändern wir auf courier new. Als Schriftgröße entscheiden wir uns für 9px.

<style type="text/css"><!--
  h5 { 
    font-family:courier new; 
    color:#eee8aa; 
    font-size:9px; 
    background-color:#fff8dc;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom hier gezeigten Befehl h5 erfahren Sie in der HTML Referenz unter <h5>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h2

Mit HTML-Befehl <h2> wird eine Überschrift gesetzt. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #fff8dc auf Farbwert #eee8aa ändern, wenn man mit der Maus auf <h2> zeigt. Bereiten wir zunächst eine Darstellung von <h2> in Farbwert #fff8dc vor.

Zum Beispiel ändern wir die Hintergrundfarbe von <h2> auf Farbwert #fff8dc. Die Schriftgröße ändern wir auf 13px.

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

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #eee8aa geändert wird.

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

Weiteres zu h2 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier genutzten Tag <h2>.