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

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 lavender
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift lavender
Farbwert	:	#eee8aa	Farbe	:	lavender
Farbe	:	palegoldenrod	Farbwert	:	#e6e6fa
HTML	:	#eee8aa	HTML	:	lavender
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#e6e6fa
CSS	:	#eee8aa	CSS	:	lavender
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#e6e6fa
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#e6e6fa
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(230,230,250)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(90%,90%,98%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe lavender
#eee8aa	#ece7b5	#ebe7c0	#eae7cc	#e9e6d7	#e8e6e3	#e7e6ee	#e6e6fa
#eee8aa	#ece7b5	#ebe7c0	#eae7cc	#e9e6d7	#e8e6e3	#e7e6ee	#e6e6fa

Kombination von #eee8aa und lavender
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben lavender und #eee8aa beträgt 95.15%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.85%. Auf Hintergrund #eee8aa ist lavender ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #eee8aa				Schriftfarbe lavender
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6
#f2eec2	#f2eec2	#aaa579	#aaa579	#ededfb	#ededfb	#a4a4b2	#a4a4b2
#f5f1ce	#f5f1ce	#888461	#888461	#f0f0fc	#f0f0fc	#83838e	#83838e
#f7f5da	#f7f5da	#666348	#666348	#f4f4fc	#f4f4fc	#62626b	#62626b
#faf8e6	#faf8e6	#444230	#444230	#f7f7fd	#f7f7fd	#414147	#414147
#fcfbf2	#fcfbf2	#222118	#222118	#fbfbfe	#fbfbfe	#202023	#202023
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe lavender

Text- und Unterstreichungsfarben bei Tag ins

Bei diesem Beispiel ändern wir die Textfarbe von <ins> auf Farbe lavender und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 84%. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines einfallenden Rahmens mit 4 Pixel Dicke in Farbwert #eee8aa. Dies ist mit HTML nicht möglich. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  ins { 
    font-family:verdana; 
    border-bottom:4px inset #eee8aa; 
    color:lavender; 
    font-size:84%;
  }
//-->
</style>

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

Weiteres zum Befehl <ins>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl textarea

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

Als Beispiel legen wir bei <textarea> die Textfarbe auf Farbwert #eee8aa fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 13px.

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

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf lavender geändert wird.

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

Mehr zum Thema finden Sie in Formulare in HTML. Mehr zum Befehl <textarea>.