Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffacd und Farbwert #fff0f5

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 #fffacd			Schriftfarbwert #fff0f5
Detail	:	Hintergrund #fffacd	Detail	:	Schrift #fff0f5
Farbwert	:	#fffacd	Farbwert	:	#fff0f5
Farbe	:	lemonchiffon	Farbe	:	lavenderblush
HTML	:	#fffacd	HTML	:	#fff0f5
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#fff0f5
CSS	:	#fffacd	CSS	:	#fff0f5
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#fff0f5
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#fff0f5
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(255,240,245)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(100%,94%,96%)

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbwert #fff0f5
#fffacd	#fff8d2	#fff7d8	#fff5de	#fff4e3	#fff2e9	#fff1ef	#fff0f5
#fffacd	#fff8d2	#fff7d8	#fff5de	#fff4e3	#fff2e9	#fff1ef	#fff0f5

Kombination von #fffacd und #fff0f5
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#fff0f5 ist nicht als Schriftfarbe auf Hintergrund #fffacd geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #fff0f5 und #fffacd beträgt 95.04%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.96%.

Hintergrundfarbwert #fffacd				Schriftfarbwert #fff0f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#fff0f5	#fff0f5	#fff0f5	#fff0f5
#fffad4	#fffad4	#dad6af	#dad6af	#fff2f6	#fff2f6	#dacdd2	#dacdd2
#fffbdb	#fffbdb	#b6b292	#b6b292	#fff4f7	#fff4f7	#b6abaf	#b6abaf
#fffce2	#fffce2	#918e75	#918e75	#fff6f9	#fff6f9	#91898c	#91898c
#fffce9	#fffce9	#6d6b57	#6d6b57	#fff8fa	#fff8fa	#6d6669	#6d6669
#fffdf0	#fffdf0	#48473a	#48473a	#fffafc	#fffafc	#484446	#484446
#fffef7	#fffef7	#24231d	#24231d	#fffcfd	#fffcfd	#242223	#242223
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbwert #fff0f5

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #fffacd und Farbwert #fff0f5.

<style type="text/css"><!--
  tr.ger { 
    background-color:#fffacd;
  }
  tr.ung { 
    background-color: #fff0f5;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ger"><td>Na:a</td><td>Nb:a</td><td>Nc:a</td></tr>
<tr class="ung"><td>Na:b</td><td>Nb:b</td><td>Nc:b</td></tr>
<tr class="ger"><td>Na:c</td><td>Nb:c</td><td>Nc:c</td></tr>
</table>

Mehr zum Thema tr erfahren Sie in Tabellen in HTML. Einzelheiten des Befehl tr sind in der HTML Referenz unter <tr> gezeigt.

Wechsel der Textfarbe bei Hover mit HTML-Befehl cite

Die Textfarbe soll sich von Farbwert #fffacd auf Farbwert #fff0f5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <cite> in Farbwert #fffacd vor.

Hier legen wir bei <cite> die Textfarbe auf Farbwert #fffacd fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  cite { 
    font-family:sans-serif; 
    color:#fffacd;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #fff0f5 ändert.

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

Einzelheiten vom Tag <cite>.