Ressourcen: 120 HTML Farbnamen - Kombination von Farbe snow und Farbwert #ff7f50

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.

Hintergrundfarbe snow			Schriftfarbwert #ff7f50
Detail	:	Hintergrund snow	Detail	:	Schrift #ff7f50
Farbe	:	snow	Farbwert	:	#ff7f50
Farbwert	:	#fffafa	Farbe	:	coral
HTML	:	snow	HTML	:	#ff7f50
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#ff7f50
CSS	:	snow	CSS	:	#ff7f50
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe snow nach Schriftfarbwert #ff7f50
#fffafa	#ffe8e1	#ffd6c9	#ffc5b1	#ffb398	#ffa280	#ff9068	#ff7f50
#fffafa	#ffe8e1	#ffd6c9	#ffc5b1	#ffb398	#ffa280	#ff9068	#ff7f50

Kombination von snow und #ff7f50
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund snow, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ff7f50 und snow ergibt sich zu 88.49%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.51%.

Hintergrundfarbe snow				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#fffafa	#fffafa	#dad6d6	#dad6d6	#ff9169	#ff9169	#da6c44	#da6c44
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#ffa382	#ffa382	#b65a39	#b65a39
#fffcfc	#fffcfc	#918e8e	#918e8e	#ffb59b	#ffb59b	#91482d	#91482d
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fffdfd	#fffdfd	#484747	#484747	#ffdacd	#ffdacd	#482416	#482416
#fffefe	#fffefe	#242323	#242323	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe snow und Farbwert #ff7f50

Wechsel der Hintergrundfarbe bei Hover von Befehl var

Die Hintergrundfarbe soll sich von Farbe snow auf Farbwert #ff7f50 ändern, wenn man mit der Maus auf <var> zeigt. Bereiten wir zunächst die Darstellung von <var> in Farbe snow vor.

Zum Beispiel ändern wir die Hintergrundfarbe von <var> auf Farbe snow. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  var { 
    background-color: snow; 
    font-family: arial;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ff7f50 ändert.

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

Mehr zum Thema können Sie in Text in HTML nachsehen. Weiteres zum hier gezeigten HTML-Tag var lesen Sie in der HTML Referenz unter <var>.