Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #a9a9a9 und Farbe lemonchiffon

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 #a9a9a9			Schriftfarbe lemonchiffon
Detail	:	Hintergrund #a9a9a9	Detail	:	Schrift lemonchiffon
Farbwert	:	#a9a9a9	Farbe	:	lemonchiffon
Farbe	:	darkgray	Farbwert	:	#fffacd
HTML	:	#a9a9a9	HTML	:	lemonchiffon
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#fffacd
CSS	:	#a9a9a9	CSS	:	lemonchiffon
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #a9a9a9 nach Schriftfarbe lemonchiffon
#a9a9a9	#b5b4ae	#c1c0b3	#cdcbb8	#dad7bd	#e6e2c2	#f2eec7	#fffacd
#a9a9a9	#b5b4ae	#c1c0b3	#cdcbb8	#dad7bd	#e6e2c2	#f2eec7	#fffacd

Kombination von #a9a9a9 und lemonchiffon
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von lemonchiffon und #a9a9a9 beträgt 89.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.56%. lemonchiffon ist nicht als Schriftfarbe auf Hintergrund #a9a9a9 geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #a9a9a9				Schriftfarbe lemonchiffon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#fffacd	#fffacd	#fffacd	#fffacd
#b5b5b5	#b5b5b5	#909090	#909090	#fffad4	#fffad4	#dad6af	#dad6af
#c1c1c1	#c1c1c1	#787878	#787878	#fffbdb	#fffbdb	#b6b292	#b6b292
#cdcdcd	#cdcdcd	#606060	#606060	#fffce2	#fffce2	#918e75	#918e75
#dadada	#dadada	#484848	#484848	#fffce9	#fffce9	#6d6b57	#6d6b57
#e6e6e6	#e6e6e6	#303030	#303030	#fffdf0	#fffdf0	#48473a	#48473a
#f2f2f2	#f2f2f2	#181818	#181818	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a9a9a9 und Farbe lemonchiffon

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dfn

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

Zum Beispiel legen wir Farbwert #a9a9a9 als Hintergrundfarbe von <dfn> fest. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  dfn { 
    font-family:courier new; 
    background-color:#a9a9a9;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf lemonchiffon geändert wird.

<style type="text/css"><!--
  dfn:hover { 
    background-color:lemonchiffon;
  }
//-->
</style>

Mehr zum Thema dfn lesen Sie in Text in HTML. Mehr zum Tag dfn ist in der HTML Referenz unter <dfn> genau beschrieben.

Zebra-Effekt von HTML-Befehl td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #a9a9a9 und Farbe lemonchiffon.

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

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">Sa-a</td><td class="gerade">Sb-a</td><td class="ungerade">Sc-a</td></tr>
<tr><td class="ungerade">Sa-b</td><td class="gerade">Sb-b</td><td class="ungerade">Sc-b</td></tr>
<tr><td class="ungerade">Sa-c</td><td class="gerade">Sb-c</td><td class="ungerade">Sc-c</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Weiteres zum HTML-Tag <td>.