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

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			Schriftfarbe lightsalmon
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift lightsalmon
Farbwert	:	#eee8aa	Farbe	:	lightsalmon
Farbe	:	palegoldenrod	Farbwert	:	#ffa07a
HTML	:	#eee8aa	HTML	:	lightsalmon
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#ffa07a
CSS	:	#eee8aa	CSS	:	lightsalmon
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe lightsalmon
#eee8aa	#f0dda3	#f2d39c	#f5c995	#f7be8e	#fab487	#fcaa80	#ffa07a
#eee8aa	#f0dda3	#f2d39c	#f5c995	#f7be8e	#fab487	#fcaa80	#ffa07a

Kombination von #eee8aa und lightsalmon
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Auf Hintergrund #eee8aa ist lightsalmon ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von lightsalmon und #eee8aa beträgt 92.44%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.56%.

Hintergrundfarbwert #eee8aa				Schriftfarbe lightsalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#ffad8d	#ffad8d	#da8968	#da8968
#f2eec2	#f2eec2	#aaa579	#aaa579	#ffbba0	#ffbba0	#b67257	#b67257
#f5f1ce	#f5f1ce	#888461	#888461	#ffc8b3	#ffc8b3	#915b45	#915b45
#f7f5da	#f7f5da	#666348	#666348	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#faf8e6	#faf8e6	#444230	#444230	#ffe3d9	#ffe3d9	#482d22	#482d22
#fcfbf2	#fcfbf2	#222118	#222118	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe lightsalmon

Text- und Unterstreichungsfarben mit HTML-Befehl address

Bei diesem Beispiel ändern wir die Textfarbe von <address> auf Farbe lightsalmon und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 9px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gezahnten Rahmens mit 4 Punkte Dicke in Farbwert #eee8aa. Das geht in HTML nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  address { 
    font-size: 9px; 
    font-family: arial; 
    border-bottom: 4pt ridge #eee8aa; 
    color: lightsalmon;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum HTML-Tag address ist in der HTML Referenz bei <address> genau zusammengestellt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl cite

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbe lightsalmon ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <cite> in Farbwert #eee8aa vor.

Wir legen hier bei <cite> die Textfarbe auf Farbwert #eee8aa fest.

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf lightsalmon ändert.

<style type="text/css"><!--
  cite:hover { 
    color:lightsalmon;
  }
//-->
</style>

Zur Beschreibung vom HTML-Tag <cite>.