Ressourcen: 137 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbwert #32cd32

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 antiquewhite			Schriftfarbwert #32cd32
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift #32cd32
Farbe	:	antiquewhite	Farbwert	:	#32cd32
Farbwert	:	#faebd7	Farbe	:	limegreen
HTML	:	antiquewhite	HTML	:	#32cd32
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#32cd32
CSS	:	antiquewhite	CSS	:	#32cd32
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbwert #32cd32
#faebd7	#dde6bf	#c0e2a7	#a4de90	#87d978	#6bd561	#4ed149	#32cd32
#faebd7	#dde6bf	#c0e2a7	#a4de90	#87d978	#6bd561	#4ed149	#32cd32

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

Hintergrundfarbe antiquewhite				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#32cd32	#32cd32	#32cd32	#32cd32
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#6cdb6c	#6cdb6c	#239223	#239223
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#89e289	#89e289	#1c751c	#1c751c
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#a7e9a7	#a7e9a7	#155715	#155715
#fdf9f3	#fdf9f3	#47433d	#47433d	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#fefcf9	#fefcf9	#23211e	#23211e	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe antiquewhite und Farbwert #32cd32

Wechsel der Textfarbe bei Hover mit Tag acronym

Die Textfarbe soll sich von Farbe antiquewhite auf Farbwert #32cd32 ändern, wenn man mit der Maus auf <acronym> zeigt. Wir bereiten zunächst die Formatierung von <acronym> in Farbe antiquewhite vor.

Zum Beispiel legen wir Farbe antiquewhite als Textfarbe von <acronym> fest:

<style type="text/css"><!--
  acronym { 
    color: antiquewhite;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #32cd32 ändert.

<style type="text/css"><!--
  acronym:hover { 
    color:#32cd32;
  }
//-->
</style>

Die Beschreibung vom HTML-Tag acronym finden Sie in der HTML Referenz unter <acronym>.

Zebra-Effekt mit HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbe antiquewhite und Farbwert #32cd32.

<style type="text/css"><!--
  th.yang { 
    background-color: antiquewhite;
  }
  th.ying { 
    background-color:#32cd32;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">Oa.a</td><td class="ying">Ob.a</td><td class="yang">Oc.a</td></tr>
<tr><td class="yang">Oa.b</td><td class="ying">Ob.b</td><td class="yang">Oc.b</td></tr>
<tr><td class="yang">Oa.c</td><td class="ying">Ob.c</td><td class="yang">Oc.c</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Einzelheiten des Tag <th>.