Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fff00 und Farbwert #f08080

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 #7fff00			Schriftfarbwert #f08080
Detail	:	Hintergrund #7fff00	Detail	:	Schrift #f08080
Farbwert	:	#7fff00	Farbwert	:	#f08080
Farbe	:	chartreuse	Farbe	:	lightcoral
HTML	:	#7fff00	HTML	:	#f08080
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#f08080
CSS	:	#7fff00	CSS	:	#f08080
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbwert #7fff00 nach Schriftfarbwert #f08080
#7fff00	#8fec12	#9fda24	#afc836	#bfb649	#cfa45b	#df926d	#f08080
#7fff00	#8fec12	#9fda24	#afc836	#bfb649	#cfa45b	#df926d	#f08080

Kombination von #7fff00 und #f08080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				#f08080 ist nicht als Schriftfarbe auf Hintergrund #7fff00 geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #f08080 und #7fff00 beträgt 90.48%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.52%.

Hintergrundfarbwert #7fff00				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#f08080	#f08080	#f08080	#f08080
#91ff24	#91ff24	#6cda00	#6cda00	#f29292	#f29292	#cd6d6d	#cd6d6d
#a3ff48	#a3ff48	#5ab600	#5ab600	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#b5ff6d	#b5ff6d	#489100	#489100	#f6b6b6	#f6b6b6	#894949	#894949
#c8ff91	#c8ff91	#366d00	#366d00	#f8c8c8	#f8c8c8	#663636	#663636
#daffb6	#daffb6	#244800	#244800	#fadada	#fadada	#442424	#442424
#ecffda	#ecffda	#122400	#122400	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fff00 und Farbwert #f08080

Text- und Unterstreichungsfarben mit Tag abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #f08080. Die Schriftart setzen wir auf verdana und vergrößern die Schriftgröße auf 113%. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines gezahnten Rahmens mit 5 Pixel Dicke in Farbwert #7fff00. Mit HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  abbr { 
    color:#f08080; 
    font-family:verdana; 
    border-bottom-width:5px; 
    border-bottom-style:ridge; 
    border-bottom-color:#7fff00; 
    font-size:113%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum hier genutzten Befehl <abbr>.

Wechsel der Textfarbe bei Hover von HTML-Befehl input

Die Textfarbe soll sich von Farbwert #7fff00 auf Farbwert #f08080 ändern, wenn man mit der Maus auf <input> zeigt. Bereiten wir zunächst die Formatierung von <input> in Farbwert #7fff00 vor.

Wir legen hier Farbwert #7fff00 als Textfarbe von <input> fest:

<style type="text/css"><!--
  input { 
    color:#7fff00;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #f08080 gesetzt wird.

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

Weiteres zu input können Sie in Formulare in HTML finden. Einzelheiten vom Befehl input finden Sie in der HTML Referenz unter <input>.