Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #7fffd4

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 indianred			Schriftfarbwert #7fffd4
Detail	:	Hintergrund indianred	Detail	:	Schrift #7fffd4
Farbe	:	indianred	Farbwert	:	#7fffd4
Farbwert	:	#cd5c5c	Farbe	:	aquamarine
HTML	:	indianred	HTML	:	#7fffd4
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#7fffd4
CSS	:	indianred	CSS	:	#7fffd4
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#7fffd4
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#7fffd4
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(127,255,212)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(49%,100%,83%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbwert #7fffd4
#cd5c5c	#c1736d	#b68a7e	#aba18f	#a0b9a0	#95d0b1	#8ae7c2	#7fffd4
#cd5c5c	#c1736d	#b68a7e	#aba18f	#a0b9a0	#95d0b1	#8ae7c2	#7fffd4

Kombination von indianred und #7fffd4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #7fffd4 und indianred ergibt sich zu 84.53%. Die Lesbarkeit dieser Farbkombination liegt damit bei 15.47%. Auf Hintergrund indianred ist #7fffd4 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe indianred				Schriftfarbwert #7fffd4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#7fffd4	#7fffd4	#7fffd4	#7fffd4
#d47373	#d47373	#af4e4e	#af4e4e	#91ffda	#91ffda	#6cdab5	#6cdab5
#db8a8a	#db8a8a	#924141	#924141	#a3ffe0	#a3ffe0	#5ab697	#5ab697
#e2a1a1	#e2a1a1	#753434	#753434	#b5ffe6	#b5ffe6	#489179	#489179
#e9b9b9	#e9b9b9	#572727	#572727	#c8ffec	#c8ffec	#366d5a	#366d5a
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#dafff2	#dafff2	#24483c	#24483c
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#ecfff8	#ecfff8	#12241e	#12241e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbwert #7fffd4

Zebra-Effekt mit Tag td

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe indianred und Farbwert #7fffd4.

<style type="text/css"><!--
  td.ung { 
    background-color:indianred;
  }
  td.ger { 
    background-color:#7fffd4;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ung">Pa/a</td><td class="ger">Pb/a</td><td class="ung">Pc/a</td></tr>
<tr><td class="ung">Pa/b</td><td class="ger">Pb/b</td><td class="ung">Pc/b</td></tr>
<tr><td class="ung">Pa/c</td><td class="ger">Pb/c</td><td class="ung">Pc/c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Mehr zum Tag td ist in der HTML Referenz unter <td> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Tag th

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

Als Beispiel legen wir die Hintergrundfarbe von <th> auf Farbe indianred fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 14pt:

<style type="text/css"><!--
  th { 
    font-family: sans-serif; 
    background-color: indianred; 
    font-size: 14pt;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #7fffd4 geändert wird.

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

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Tag <th>.