Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbwert #ff7f50

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.

Hintergrundfarbwert #f8f8ff			Schriftfarbwert #ff7f50
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #ff7f50
Farbwert	:	#f8f8ff	Farbwert	:	#ff7f50
Farbe	:	ghostwhite	Farbe	:	coral
HTML	:	#f8f8ff	HTML	:	#ff7f50
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#ff7f50
CSS	:	#f8f8ff	CSS	:	#ff7f50
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #ff7f50
#f8f8ff	#f9e6e6	#fad5cd	#fbc4b4	#fcb29b	#fda182	#fe9069	#ff7f50
#f8f8ff	#f9e6e6	#fad5cd	#fbc4b4	#fcb29b	#fda182	#fe9069	#ff7f50

Kombination von #f8f8ff und #ff7f50
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ff7f50 ist nicht als Schriftfarbe auf Hintergrund #f8f8ff geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #ff7f50 und #f8f8ff ergibt sich zu 88.75%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.25%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#ff9169	#ff9169	#da6c44	#da6c44
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#ffa382	#ffa382	#b65a39	#b65a39
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#ffb59b	#ffb59b	#91482d	#91482d
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fdfdff	#fdfdff	#464648	#464648	#ffdacd	#ffdacd	#482416	#482416
#fefeff	#fefeff	#232324	#232324	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbwert #ff7f50

Wechsel der Textfarbe bei Hover bei Tag textarea

Die Textfarbe soll sich von Farbwert #f8f8ff auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <textarea> in Farbwert #f8f8ff vor.

Hier legen wir Farbwert #f8f8ff als Textfarbe von <textarea> fest und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  textarea { 
    color:#f8f8ff; 
    font-size:13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #ff7f50 ändert.

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

Weiteres zum Thema können Sie in Formulare in HTML erfahren. Einzelheiten des Tag textarea sind in der HTML Referenz unter <textarea> genau gezeigt.