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

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			Schriftfarbwert #ffa500
Detail	:	Hintergrund #90ee90	Detail	:	Schrift #ffa500
Farbwert	:	#90ee90	Farbwert	:	#ffa500
Farbe	:	lightgreen	Farbe	:	orange
HTML	:	#90ee90	HTML	:	#ffa500
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#ffa500
CSS	:	#90ee90	CSS	:	#ffa500
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #90ee90 nach Schriftfarbwert #ffa500
#90ee90	#9fe37b	#afd966	#bfce52	#cfc43d	#dfb929	#efaf14	#ffa500
#90ee90	#9fe37b	#afd966	#bfce52	#cfc43d	#dfb929	#efaf14	#ffa500

Kombination von #90ee90 und #ffa500
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffa500 eignet sich nicht als Schriftfarbe auf Hintergrund #90ee90, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #ffa500 und #90ee90 ergibt sich zu 93.36%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.64%.

Hintergrundfarbwert #90ee90				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#ffa500	#ffa500	#ffa500	#ffa500
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#ffb124	#ffb124	#da8d00	#da8d00
#aff2af	#aff2af	#66aa66	#66aa66	#ffbe48	#ffbe48	#b67500	#b67500
#bff5bf	#bff5bf	#528852	#528852	#ffcb6d	#ffcb6d	#915e00	#915e00
#cff7cf	#cff7cf	#3d663d	#3d663d	#ffd891	#ffd891	#6d4600	#6d4600
#dffadf	#dffadf	#294429	#294429	#ffe5b6	#ffe5b6	#482f00	#482f00
#effcef	#effcef	#142214	#142214	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #90ee90 und Farbwert #ffa500

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbwert #90ee90 und Farbwert #ffa500.

<style type="text/css"><!--
  th.ung { 
    background-color: #90ee90;
  }
  th.ger { 
    background-color: #ffa500;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ung">U1/1</td><td class="ger">U2/1</td><td class="ung">U3/1</td></tr>
<tr><td class="ung">U1/2</td><td class="ger">U2/2</td><td class="ung">U3/2</td></tr>
<tr><td class="ung">U1/3</td><td class="ger">U2/3</td><td class="ung">U3/3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML finden. Beschreibung des HTML-Befehl <th>.

Wechsel der Textfarbe bei Hover von HTML-Tag fieldset

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

Wir ändern in diesem Beispiel bei <fieldset> die Textfarbe auf Farbwert #90ee90:

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

Nun fordern wir, dass sich bei Hover die Textfarbe auf #ffa500 ändert.

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

Weiteres zu fieldset können Sie in Formulare in HTML finden. Möglichkeiten vom hier gezeigten Befehl <fieldset>.