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

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 #696969
Detail	:	Hintergrund ivory	Detail	:	Schrift #696969
Farbe	:	ivory	Farbwert	:	#696969
Farbwert	:	#fffff0	Farbe	:	dimgray
HTML	:	ivory	HTML	:	#696969
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#696969
CSS	:	ivory	CSS	:	#696969
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#696969
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #696969
#fffff0	#e9e9dc	#d4d4c9	#bebeb6	#a9a9a2	#93938f	#7e7e7c	#696969
#fffff0	#e9e9dc	#d4d4c9	#bebeb6	#a9a9a2	#93938f	#7e7e7c	#696969

Kombination von ivory und #696969
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.				#696969 ist nicht als Schriftfarbe auf Hintergrund ivory geeignet, da die Farben zu ähnlich sind. Die Ähnlichkeit von #696969 und ivory ergibt sich zu 74.09%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 25.91%.

Hintergrundfarbe ivory				Schriftfarbwert #696969
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#696969	#696969	#696969	#696969
#fffff2	#fffff2	#dadacd	#dadacd	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#939393	#939393	#4b4b4b	#4b4b4b
#fffff6	#fffff6	#919189	#919189	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#fffff8	#fffff8	#6d6d66	#6d6d66	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#fffffa	#fffffa	#484844	#484844	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#fffffc	#fffffc	#242422	#242422	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #696969

Wechsel der Umrandung bei Hover bei HTML-Tag frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe ivory.

<style type="text/css"><!--
  frameset { 
    border-style:groove; 
    border-width:3px; 
    border-color:ivory;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #696969 ändert.

<style type="text/css"><!--
  frameset: hover { 
    border-color: #696969;
  }
//-->
</style>

Mehr zum hier gezeigten HTML-Tag frameset ist in der HTML Referenz unter <frameset> genau beschrieben.

Zebra-Effekt von Tag th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbe ivory und Farbwert #696969.

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

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ung">Oa,a</td><td class="ger">Ob,a</td><td class="ung">Oc,a</td></tr>
<tr><td class="ung">Oa,b</td><td class="ger">Ob,b</td><td class="ung">Oc,b</td></tr>
<tr><td class="ung">Oa,c</td><td class="ger">Ob,c</td><td class="ung">Oc,c</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML erfahren. Einzelheiten des hier genutzten HTML-Befehl <th>.