Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ivory und Farbwert #a0522d

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 ivory			Schriftfarbwert #a0522d
Detail	:	Hintergrund ivory	Detail	:	Schrift #a0522d
Farbe	:	ivory	Farbwert	:	#a0522d
Farbwert	:	#fffff0	Farbe	:	sienna
HTML	:	ivory	HTML	:	#a0522d
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#a0522d
CSS	:	ivory	CSS	:	#a0522d
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #a0522d
#fffff0	#f1e6d4	#e3cdb8	#d6b49c	#c89c80	#bb8364	#ad6a48	#a0522d
#fffff0	#f1e6d4	#e3cdb8	#d6b49c	#c89c80	#bb8364	#ad6a48	#a0522d

Kombination von ivory und #a0522d
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #a0522d und ivory beträgt 73.50%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 26.50%. #a0522d eignet sich nicht als Schriftfarbe auf Hintergrund ivory. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe ivory				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#a0522d	#a0522d	#a0522d	#a0522d
#fffff2	#fffff2	#dadacd	#dadacd	#ad6a4b	#ad6a4b	#894626	#894626
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#bb8369	#bb8369	#723a20	#723a20
#fffff6	#fffff6	#919189	#919189	#c89c87	#c89c87	#5b2e19	#5b2e19
#fffff8	#fffff8	#6d6d66	#6d6d66	#d6b4a5	#d6b4a5	#442313	#442313
#fffffa	#fffffa	#484844	#484844	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fffffc	#fffffc	#242422	#242422	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #a0522d

Wechsel der Textfarbe bei Hover mit HTML-Befehl q

Die Textfarbe soll sich von Farbe ivory auf Farbwert #a0522d ändern, wenn man mit der Maus auf <q> zeigt. Bereiten wir zunächst die Formatierung von <q> in Farbe ivory vor.

Z.B. legen wir die Textfarbe von <q> auf Farbe ivory fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  q { 
    font-family: verdana; 
    color: ivory;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #a0522d ändert.

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

Einzelheiten vom hier verwendeten HTML-Tag q erfahren Sie in der HTML Referenz unter <q>.

Zebra-Effekt von Tag th

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbe ivory und Farbwert #a0522d.

<style type="text/css"><!--
  th.ung { 
    background-color: ivory;
  }
  th.ger { 
    background-color:#a0522d;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ung">T1-1</td><td class="ger">T2-1</td><td class="ung">T3-1</td></tr>
<tr><td class="ung">T1-2</td><td class="ger">T2-2</td><td class="ung">T3-2</td></tr>
<tr><td class="ung">T1-3</td><td class="ger">T2-3</td><td class="ung">T3-3</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum Befehl th ist in der HTML Referenz bei <th> ausführlich zusammengestellt.