Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #32cd32 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 #32cd32			Schriftfarbwert #ffa500
Detail	:	Hintergrund #32cd32	Detail	:	Schrift #ffa500
Farbwert	:	#32cd32	Farbwert	:	#ffa500
Farbe	:	limegreen	Farbe	:	orange
HTML	:	#32cd32	HTML	:	#ffa500
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#ffa500
CSS	:	#32cd32	CSS	:	#ffa500
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbwert #ffa500
#32cd32	#4fc72a	#6cc123	#89bb1c	#a7b615	#c4b00e	#e1aa07	#ffa500
#32cd32	#4fc72a	#6cc123	#89bb1c	#a7b615	#c4b00e	#e1aa07	#ffa500

Kombination von #32cd32 und #ffa500
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffa500 eignet sich nicht als Schriftfarbe auf Hintergrund #32cd32, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffa500 und #32cd32 ergibt sich zu 94.89%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.11%.

Hintergrundfarbwert #32cd32				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#ffa500	#ffa500	#ffa500	#ffa500
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#ffb124	#ffb124	#da8d00	#da8d00
#6cdb6c	#6cdb6c	#239223	#239223	#ffbe48	#ffbe48	#b67500	#b67500
#89e289	#89e289	#1c751c	#1c751c	#ffcb6d	#ffcb6d	#915e00	#915e00
#a7e9a7	#a7e9a7	#155715	#155715	#ffd891	#ffd891	#6d4600	#6d4600
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#ffe5b6	#ffe5b6	#482f00	#482f00
#e1f7e1	#e1f7e1	#071d07	#071d07	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #32cd32 und Farbwert #ffa500

Wechsel der Hintergrundfarbe bei Hover mit Befehl tfoot

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

Für dieses Beispiel legen wir die Hintergrundfarbe von <tfoot> auf Farbwert #32cd32 fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  tfoot { 
    background-color: #32cd32; 
    font-family: verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ffa500 gesetzt wird.

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

Weiteres zu tfoot können Sie in Tabellen in HTML finden. Möglichkeiten vom hier genutzten HTML-Befehl tfoot erfahren Sie in der HTML Referenz unter <tfoot>.

Wechsel der Textfarbe bei Hover bei HTML-Tag textarea

Die Textfarbe soll sich von Farbwert #32cd32 auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <textarea> in Farbwert #32cd32 vor.

Zum Beispiel legen wir die Textfarbe von <textarea> auf Farbwert #32cd32 fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf courier new und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  textarea { 
    font-family:courier new; 
    color:#32cd32; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #ffa500 gesetzt wird.

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

Weiteres zu textarea können Sie in Formulare in HTML erfahren. Einzelheiten des hier genutzten Tag textarea sind in der HTML Referenz unter <textarea> ausführlich beschrieben.