Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightseagreen 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.

Hintergrundfarbe lightseagreen			Schriftfarbwert #eee8aa
Detail	:	Hintergrund lightseagreen	Detail	:	Schrift #eee8aa
Farbe	:	lightseagreen	Farbwert	:	#eee8aa
Farbwert	:	#20b2aa	Farbe	:	palegoldenrod
HTML	:	lightseagreen	HTML	:	#eee8aa
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#eee8aa
CSS	:	lightseagreen	CSS	:	#eee8aa
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbe lightseagreen nach Schriftfarbwert #eee8aa
#20b2aa	#3db9aa	#5ac1aa	#78c9aa	#95d0aa	#b3d8aa	#d0e0aa	#eee8aa
#20b2aa	#3db9aa	#5ac1aa	#78c9aa	#95d0aa	#b3d8aa	#d0e0aa	#eee8aa

Kombination von lightseagreen und #eee8aa
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#eee8aa ist nicht als Schriftfarbe auf Hintergrund lightseagreen geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #eee8aa und lightseagreen beträgt 90.04%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.96%.

Hintergrundfarbe lightseagreen				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#5fc8c2	#5fc8c2	#167f79	#167f79	#f2eec2	#f2eec2	#aaa579	#aaa579
#7fd3ce	#7fd3ce	#126561	#126561	#f5f1ce	#f5f1ce	#888461	#888461
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#f7f5da	#f7f5da	#666348	#666348
#bfe9e6	#bfe9e6	#093230	#093230	#faf8e6	#faf8e6	#444230	#444230
#dff4f2	#dff4f2	#041918	#041918	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightseagreen und Farbwert #eee8aa

Hintergrund/Text-Kombination von Tag col

Wir ändern bei diesem Beispiel die Textfarbe von <col> auf Farbwert #eee8aa und die Hintergrundfarbe von <col> auf Farbe lightseagreen. Als Schriftart wählen wir arial und verkleinern die Schriftgröße auf 97%.

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

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Mehr zum hier verwendeten Befehl <col>.

Wechsel der Textfarbe bei Hover mit HTML-Tag form

Die Textfarbe soll sich von Farbe lightseagreen auf Farbwert #eee8aa ändern, wenn man mit der Maus auf <form> zeigt. Wir bereiten zunächst die Darstellung von <form> in Farbe lightseagreen vor.

Hier legen wir die Textfarbe von <form> auf Farbe lightseagreen fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  form { 
    color: lightseagreen; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #eee8aa gesetzt wird.

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

Weiteres zum Thema können Sie in Formulare in HTML nachlesen. Weiteres zum hier genutzten Befehl <form>.