Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbwert #cd5c5c

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 #e0ffff			Schriftfarbwert #cd5c5c
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #cd5c5c
Farbwert	:	#e0ffff	Farbwert	:	#cd5c5c
Farbe	:	lightcyan	Farbe	:	indianred
HTML	:	#e0ffff	HTML	:	#cd5c5c
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#cd5c5c
CSS	:	#e0ffff	CSS	:	#cd5c5c
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #cd5c5c
#e0ffff	#dde7e7	#dad0d0	#d7b9b9	#d5a1a1	#d28a8a	#cf7373	#cd5c5c
#e0ffff	#dde7e7	#dad0d0	#d7b9b9	#d5a1a1	#d28a8a	#cf7373	#cd5c5c

Kombination von #e0ffff und #cd5c5c
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.				#cd5c5c ist nicht als Schriftfarbe auf Hintergrund #e0ffff geeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #cd5c5c und #e0ffff ergibt sich zu 82.04%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 17.96%.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #cd5c5c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#e4ffff	#e4ffff	#c0dada	#c0dada	#d47373	#d47373	#af4e4e	#af4e4e
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#db8a8a	#db8a8a	#924141	#924141
#edffff	#edffff	#809191	#809191	#e2a1a1	#e2a1a1	#753434	#753434
#f1ffff	#f1ffff	#606d6d	#606d6d	#e9b9b9	#e9b9b9	#572727	#572727
#f6ffff	#f6ffff	#404848	#404848	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#faffff	#faffff	#202424	#202424	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbwert #cd5c5c

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #e0ffff und Farbwert #cd5c5c.

<style type="text/css"><!--
  tr.even { 
    background-color:#e0ffff;
  }
  tr.odd { 
    background-color:#cd5c5c;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="even"><td>I1/1</td><td>I2/1</td><td>I3/1</td></tr>
<tr class="odd"><td>I1/2</td><td>I2/2</td><td>I3/2</td></tr>
<tr class="even"><td>I1/3</td><td>I2/3</td><td>I3/3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Weiteres zum HTML-Tag tr ist in der HTML Referenz bei <tr> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl span

Die Hintergrundfarbe soll sich von Farbwert #e0ffff auf Farbwert #cd5c5c ändern, wenn man mit der Maus auf <span> zeigt. Bereiten wir zunächst eine Darstellung von <span> in Farbwert #e0ffff vor.

Zum Beispiel setzen wir bei <span> die Hintergrundfarbe auf Farbwert #e0ffff:

<style type="text/css"><!--
  span { 
    background-color:#e0ffff;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #cd5c5c gesetzt wird.

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

Weiteres zum hier verwendeten Tag span finden Sie in der HTML Referenz unter <span>.