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

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 lemonchiffon			Schriftfarbwert #afeeee
Detail	:	Hintergrund lemonchiffon	Detail	:	Schrift #afeeee
Farbe	:	lemonchiffon	Farbwert	:	#afeeee
Farbwert	:	#fffacd	Farbe	:	paleturquoise
HTML	:	lemonchiffon	HTML	:	#afeeee
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#afeeee
CSS	:	lemonchiffon	CSS	:	#afeeee
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbe lemonchiffon nach Schriftfarbwert #afeeee
#fffacd	#f3f8d1	#e8f6d6	#dcf4db	#d1f3df	#c5f1e4	#baefe9	#afeeee
#fffacd	#f3f8d1	#e8f6d6	#dcf4db	#d1f3df	#c5f1e4	#baefe9	#afeeee

Kombination von lemonchiffon und #afeeee
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 #afeeee und lemonchiffon beträgt 94.21%. Die Lesbarkeit dieser Kombination liegt damit bei 5.79%. #afeeee eignet sich nicht als Schriftfarbe auf Hintergrund lemonchiffon. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe lemonchiffon				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#afeeee	#afeeee	#afeeee	#afeeee
#fffad4	#fffad4	#dad6af	#dad6af	#baf0f0	#baf0f0	#96cccc	#96cccc
#fffbdb	#fffbdb	#b6b292	#b6b292	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#fffce2	#fffce2	#918e75	#918e75	#d1f5f5	#d1f5f5	#648888	#648888
#fffce9	#fffce9	#6d6b57	#6d6b57	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#fffdf0	#fffdf0	#48473a	#48473a	#e8fafa	#e8fafa	#324444	#324444
#fffef7	#fffef7	#24231d	#24231d	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lemonchiffon und Farbwert #afeeee

Wechsel der Hintergrundfarbe bei Hover bei Befehl dd

Die Hintergrundfarbe soll sich von Farbe lemonchiffon auf Farbwert #afeeee ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe lemonchiffon vor.

Wir legen z.B. Farbe lemonchiffon als Hintergrundfarbe von <dd> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf courier new:

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

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #afeeee gesetzt wird.

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

Weiteres zum Thema dd erfahren Sie in Listen und Glossare in HTML. Zur Beschreibung vom Befehl <dd>.

Zebra-Effekt mit HTML-Tag td

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

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

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ungerade">Aa:a</td><td class="gerade">Ab:a</td><td class="ungerade">Ac:a</td></tr>
<tr><td class="ungerade">Aa:b</td><td class="gerade">Ab:b</td><td class="ungerade">Ac:b</td></tr>
<tr><td class="ungerade">Aa:c</td><td class="gerade">Ab:c</td><td class="ungerade">Ac:c</td></tr>
</table>

Weiteres zum Thema td lesen Sie in Tabellen in HTML. Möglichkeiten vom hier gezeigten Tag td sind in der HTML Referenz unter <td> ausführlich beschrieben.