Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #fdf5e6

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 lightcyan			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #fdf5e6
Farbe	:	lightcyan	Farbwert	:	#fdf5e6
Farbwert	:	#e0ffff	Farbe	:	oldlace
HTML	:	lightcyan	HTML	:	#fdf5e6
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#fdf5e6
CSS	:	lightcyan	CSS	:	#fdf5e6
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #fdf5e6
#e0ffff	#e4fdfb	#e8fcf7	#ecfaf4	#f0f9f0	#f4f7ed	#f8f6e9	#fdf5e6
#e0ffff	#e4fdfb	#e8fcf7	#ecfaf4	#f0f9f0	#f4f7ed	#f8f6e9	#fdf5e6

Kombination von lightcyan und #fdf5e6
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fdf5e6 ist nicht als Schriftfarbe auf Hintergrund lightcyan geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #fdf5e6 und lightcyan ergibt sich zu 95.11%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 4.89%.

Hintergrundfarbe lightcyan				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#e4ffff	#e4ffff	#c0dada	#c0dada	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#edffff	#edffff	#809191	#809191	#fdf9f0	#fdf9f0	#908c83	#908c83
#f1ffff	#f1ffff	#606d6d	#606d6d	#fefaf4	#fefaf4	#6c6962	#6c6962
#f6ffff	#f6ffff	#404848	#404848	#fefcf7	#fefcf7	#484641	#484641
#faffff	#faffff	#202424	#202424	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #fdf5e6

Zebra-Effekt mit Befehl td

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbe lightcyan und Farbwert #fdf5e6.

<style type="text/css"><!--
  td.ungerade { 
    background-color: lightcyan;
  }
  td.gerade { 
    background-color:#fdf5e6;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">J1/1</td><td class="gerade">J2/1</td><td class="ungerade">J3/1</td></tr>
<tr><td class="ungerade">J1/2</td><td class="gerade">J2/2</td><td class="ungerade">J3/2</td></tr>
<tr><td class="ungerade">J1/3</td><td class="gerade">J2/3</td><td class="ungerade">J3/3</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Tag td ist in der HTML Referenz bei <td> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Tag th

Die Hintergrundfarbe soll sich von Farbe lightcyan auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <th> in Farbe lightcyan vor.

Z.B. legen wir bei <th> die Hintergrundfarbe auf Farbe lightcyan fest.

<style type="text/css"><!--
  th { 
    background-color: lightcyan;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #fdf5e6 ändert.

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

Weiteres zu th erfahren Sie in Tabellen in HTML. Möglichkeiten vom Tag th erfahren Sie in der HTML Referenz unter <th>.