Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbe cornsilk

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 #90ee90			Schriftfarbe cornsilk
Detail	:	Hintergrund #90ee90	Detail	:	Schrift cornsilk
Farbwert	:	#90ee90	Farbe	:	cornsilk
Farbe	:	lightgreen	Farbwert	:	#fff8dc
HTML	:	#90ee90	HTML	:	cornsilk
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#fff8dc
CSS	:	#90ee90	CSS	:	cornsilk
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbwert #90ee90 nach Schriftfarbe cornsilk
#90ee90	#9fef9a	#aff0a5	#bff2b0	#cff3bb	#dff5c6	#eff6d1	#fff8dc
#90ee90	#9fef9a	#aff0a5	#bff2b0	#cff3bb	#dff5c6	#eff6d1	#fff8dc

Kombination von #90ee90 und cornsilk
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben cornsilk und #90ee90 ergibt sich zu 93.67%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.33%. cornsilk eignet sich nicht als Schriftfarbe auf Hintergrund #90ee90. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #90ee90				Schriftfarbe cornsilk
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#aff2af	#aff2af	#66aa66	#66aa66	#fffae6	#fffae6	#b6b19d	#b6b19d
#bff5bf	#bff5bf	#528852	#528852	#fffbeb	#fffbeb	#918d7d	#918d7d
#cff7cf	#cff7cf	#3d663d	#3d663d	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#dffadf	#dffadf	#294429	#294429	#fffdf5	#fffdf5	#48463e	#48463e
#effcef	#effcef	#142214	#142214	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #90ee90 und Farbe cornsilk

Zebra-Effekt von Tag th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit den Hintergrundfarben Farbwert #90ee90 und Farbe cornsilk.

<style type="text/css"><!--
  th.gerade { 
    background-color: #90ee90;
  }
  th.ungerade { 
    background-color: cornsilk;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="gerade">Qa.a</td><td class="ungerade">Qb.a</td><td class="gerade">Qc.a</td></tr>
<tr><td class="gerade">Qa.b</td><td class="ungerade">Qb.b</td><td class="gerade">Qc.b</td></tr>
<tr><td class="gerade">Qa.c</td><td class="ungerade">Qb.c</td><td class="gerade">Qc.c</td></tr>
</table>

Mehr zu th finden Sie in Tabellen in HTML. Weiteres zum hier genutzten Befehl th ist in der HTML Referenz unter <th> genau zusammengestellt.

Wechsel der Textfarbe bei Hover mit HTML-Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Link. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #90ee90 auf Farbe cornsilk ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #90ee90 vor.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #90ee90. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif.

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

Nun fordern wir, dass bei Hover die Textfarbe auf cornsilk geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:cornsilk;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum hier gezeigten Befehl <a>.