Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faf0e6 und Farbwert #7fff00

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 #faf0e6			Schriftfarbwert #7fff00
Detail	:	Hintergrund #faf0e6	Detail	:	Schrift #7fff00
Farbwert	:	#faf0e6	Farbwert	:	#7fff00
Farbe	:	linen	Farbe	:	chartreuse
HTML	:	#faf0e6	HTML	:	#7fff00
HTML (Wert)	:	#faf0e6	HTML (Wert)	:	#7fff00
CSS	:	#faf0e6	CSS	:	#7fff00
CSS (Wert)	:	#faf0e6	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#faf0e6	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(250,240,230)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(98%,94%,90%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #faf0e6 nach Schriftfarbwert #7fff00
#faf0e6	#e8f2c5	#d6f4a4	#c5f683	#b3f862	#a2fa41	#90fc20	#7fff00
#faf0e6	#e8f2c5	#d6f4a4	#c5f683	#b3f862	#a2fa41	#90fc20	#7fff00

Kombination von #faf0e6 und #7fff00
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #faf0e6 ist #7fff00 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #7fff00 und #faf0e6 ergibt sich zu 94.51%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.49%.

Hintergrundfarbwert #faf0e6				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faf0e6	#faf0e6	#faf0e6	#faf0e6	#7fff00	#7fff00	#7fff00	#7fff00
#faf2e9	#faf2e9	#d6cdc5	#d6cdc5	#91ff24	#91ff24	#6cda00	#6cda00
#fbf4ed	#fbf4ed	#b2aba4	#b2aba4	#a3ff48	#a3ff48	#5ab600	#5ab600
#fcf6f0	#fcf6f0	#8e8983	#8e8983	#b5ff6d	#b5ff6d	#489100	#489100
#fcf8f4	#fcf8f4	#6b6662	#6b6662	#c8ff91	#c8ff91	#366d00	#366d00
#fdfaf7	#fdfaf7	#474441	#474441	#daffb6	#daffb6	#244800	#244800
#fefcfb	#fefcfb	#232220	#232220	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faf0e6 und Farbwert #7fff00

Wechsel der Textfarbe bei Hover bei HTML-Befehl dt

Die Textfarbe soll sich von Farbwert #faf0e6 auf Farbwert #7fff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbwert #faf0e6 vor.

Wir legen z.B. Farbwert #faf0e6 als Textfarbe von <dt> fest:

<style type="text/css"><!--
  dt { 
    color:#faf0e6;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #7fff00 gesetzt wird.

<style type="text/css"><!--
  dt:hover { 
    color:#7fff00;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Möglichkeiten des hier genutzten Tag dt sind in der HTML Referenz bei <dt> ausführlich beschrieben.

Zebra-Effekt bei HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit unterschiedlichen Hintergrundfarben Farbwert #faf0e6 und Farbwert #7fff00.

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

Diese Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ung">L1:1</td><td class="ger">L2:1</td><td class="ung">L3:1</td></tr>
<tr><td class="ung">L1:2</td><td class="ger">L2:2</td><td class="ung">L3:2</td></tr>
<tr><td class="ung">L1:3</td><td class="ger">L2:3</td><td class="ung">L3:3</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Mehr zum HTML-Tag <th>.