Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5fffa und Farbwert #ffe4b5

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #f5fffa			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund #f5fffa	Detail	:	Schrift #ffe4b5
Farbwert	:	#f5fffa	Farbwert	:	#ffe4b5
Farbe	:	mintcream	Farbe	:	moccasin
HTML	:	#f5fffa	HTML	:	#ffe4b5
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#ffe4b5
CSS	:	#f5fffa	CSS	:	#ffe4b5
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #f5fffa nach Schriftfarbwert #ffe4b5
#f5fffa	#f6fbf0	#f7f7e6	#f9f3dc	#faefd2	#fcebc8	#fde7be	#ffe4b5
#f5fffa	#f6fbf0	#f7f7e6	#f9f3dc	#faefd2	#fcebc8	#fde7be	#ffe4b5

Kombination von #f5fffa und #ffe4b5
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #ffe4b5 und #f5fffa beträgt 94.24%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.76%. #ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund #f5fffa, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #f5fffa				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#ffebca	#ffebca	#b6a281	#b6a281
#f9fffc	#f9fffc	#8c918e	#8c918e	#ffefd4	#ffefd4	#918267	#918267
#fafffc	#fafffc	#696d6b	#696d6b	#fff3df	#fff3df	#6d614d	#6d614d
#fcfffd	#fcfffd	#464847	#464847	#fff7e9	#fff7e9	#484133	#484133
#fdfffe	#fdfffe	#232423	#232423	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f5fffa und Farbwert #ffe4b5

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl q

Die Hintergrundfarbe soll sich von Farbwert #f5fffa auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <q> in Farbwert #f5fffa vor.

Wir setzen z.B. die Hintergrundfarbe von <q> auf Farbwert #f5fffa:

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

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ffe4b5 ändert.

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

Möglichkeiten des hier gezeigten Tag q sind in der HTML Referenz unter <q> genau zusammengestellt.

Zebra-Effekt bei Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #f5fffa und Farbwert #ffe4b5.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="gerade">Wa:a</td><td class="ungerade">Wb:a</td><td class="gerade">Wc:a</td></tr>
<tr><td class="gerade">Wa:b</td><td class="ungerade">Wb:b</td><td class="gerade">Wc:b</td></tr>
<tr><td class="gerade">Wa:c</td><td class="ungerade">Wb:c</td><td class="gerade">Wc:c</td></tr>
</table>

Mehr zum Thema td finden Sie in Tabellen in HTML. Der hier genutzte Tag td ist in der HTML Referenz bei <td> genau beschrieben.