Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lemonchiffon und Farbwert #a52a2a

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.

Hintergrundfarbe lemonchiffon			Schriftfarbwert #a52a2a
Detail	:	Hintergrund lemonchiffon	Detail	:	Schrift #a52a2a
Farbe	:	lemonchiffon	Farbwert	:	#a52a2a
Farbwert	:	#fffacd	Farbe	:	brown
HTML	:	lemonchiffon	HTML	:	#a52a2a
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#a52a2a
CSS	:	lemonchiffon	CSS	:	#a52a2a
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe lemonchiffon nach Schriftfarbwert #a52a2a
#fffacd	#f2dcb5	#e5be9e	#d8a087	#cb836f	#be6558	#b14741	#a52a2a
#fffacd	#f2dcb5	#e5be9e	#d8a087	#cb836f	#be6558	#b14741	#a52a2a

Kombination von lemonchiffon und #a52a2a
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#a52a2a ist nicht als Schriftfarbe auf Hintergrund lemonchiffon geeignet. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit von #a52a2a und lemonchiffon ergibt sich zu 68.18%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 31.82%.

Hintergrundfarbe lemonchiffon				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#fffad4	#fffad4	#dad6af	#dad6af	#b14848	#b14848	#8d2424	#8d2424
#fffbdb	#fffbdb	#b6b292	#b6b292	#be6666	#be6666	#751e1e	#751e1e
#fffce2	#fffce2	#918e75	#918e75	#cb8585	#cb8585	#5e1818	#5e1818
#fffce9	#fffce9	#6d6b57	#6d6b57	#d8a3a3	#d8a3a3	#461212	#461212
#fffdf0	#fffdf0	#48473a	#48473a	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#fffef7	#fffef7	#24231d	#24231d	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lemonchiffon und Farbwert #a52a2a

Wechsel der Textfarbe bei Hover mit HTML-Tag fieldset

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

Hier legen wir die Textfarbe von <fieldset> auf Farbe lemonchiffon fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  fieldset { 
    font-size: 13px; 
    color: lemonchiffon; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #a52a2a ändert.

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

Weiteres zum Thema finden Sie in Formulare in HTML. Mehr zum hier verwendeten Befehl fieldset ist in der HTML Referenz bei <fieldset> ausführlich beschrieben.

Zebra-Effekt bei HTML-Tag th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbe lemonchiffon und Farbwert #a52a2a.

<style type="text/css"><!--
  th.even { 
    background-color:lemonchiffon;
  }
  th.odd { 
    background-color: #a52a2a;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="even"><tt>a,a</td><td class="odd"></tt>b,a</td><td class="even"><tt>c,a</td></tr>
<tr><td class="even"></tt>a,b</td><td class="odd"><tt>b,b</td><td class="even"></tt>c,b</td></tr>
<tr><td class="even"><tt>a,c</td><td class="odd"></tt>b,c</td><td class="even">@c,c</td></tr>
</table>

Mehr zu th erfahren Sie in Tabellen in HTML. Einzelheiten vom Befehl th sind in der HTML Referenz bei <th> genau beschrieben.