Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightseagreen und Farbe tan

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.

Hintergrundfarbe lightseagreen			Schriftfarbe tan
Detail	:	Hintergrund lightseagreen	Detail	:	Schrift tan
Farbe	:	lightseagreen	Farbe	:	tan
Farbwert	:	#20b2aa	Farbwert	:	#d2b48c
HTML	:	lightseagreen	HTML	:	tan
HTML (Wert)	:	#20b2aa	HTML (Wert)	:	#d2b48c
CSS	:	lightseagreen	CSS	:	tan
CSS (Wert)	:	#20b2aa	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#20b2aa	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(32,178,170)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(12%,69%,66%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe lightseagreen nach Schriftfarbe tan
#20b2aa	#39b2a5	#52b2a1	#6cb29d	#85b398	#9fb394	#b8b390	#d2b48c
#20b2aa	#39b2a5	#52b2a1	#6cb29d	#85b398	#9fb394	#b8b390	#d2b48c

Kombination von lightseagreen und tan
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante.				tan ist nicht als Schriftfarbe auf Hintergrund lightseagreen geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von tan und lightseagreen beträgt 93.67%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.33%.

Hintergrundfarbe lightseagreen				Schriftfarbe tan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#20b2aa	#20b2aa	#20b2aa	#20b2aa	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#3fbdb6	#3fbdb6	#1b9891	#1b9891	#d8be9c	#d8be9c	#b49a78	#b49a78
#5fc8c2	#5fc8c2	#167f79	#167f79	#dec9ac	#dec9ac	#968064	#968064
#7fd3ce	#7fd3ce	#126561	#126561	#e5d4bd	#e5d4bd	#786650	#786650
#9fdeda	#9fdeda	#0d4c48	#0d4c48	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#bfe9e6	#bfe9e6	#093230	#093230	#f2e9de	#f2e9de	#3c3328	#3c3328
#dff4f2	#dff4f2	#041918	#041918	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightseagreen und Farbe tan

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl option

Die Hintergrundfarbe soll sich von Farbe lightseagreen auf Farbe tan ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <option> in Farbe lightseagreen vor.

Hier legen wir die Hintergrundfarbe von <option> auf Farbe lightseagreen fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  option { 
    font-family:monospace; 
    font-size:13px; 
    background-color:lightseagreen;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf tan gesetzt wird.

<style type="text/css"><!--
  option:hover { 
    background-color:tan;
  }
//-->
</style>

Weiteres zu option können Sie in Formulare in HTML erfahren. Weiteres zum hier verwendeten HTML-Tag option ist in der HTML Referenz bei <option> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover bei HTML-Tag table

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

In diesem Beispiel legen wir bei <table> die Textfarbe auf Farbe lightseagreen fest:

<style type="text/css"><!--
  table { 
    color:lightseagreen;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf tan ändert.

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

Weiteres zu table können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Befehl table ist in der HTML Referenz unter <table> ausführlich zusammengestellt.