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

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 #afeeee
Detail	:	Hintergrund snow	Detail	:	Schrift #afeeee
Farbe	:	snow	Farbwert	:	#afeeee
Farbwert	:	#fffafa	Farbe	:	paleturquoise
HTML	:	snow	HTML	:	#afeeee
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#afeeee
CSS	:	snow	CSS	:	#afeeee
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbe snow nach Schriftfarbwert #afeeee
#fffafa	#f3f8f8	#e8f6f6	#dcf4f4	#d1f3f3	#c5f1f1	#baefef	#afeeee
#fffafa	#f3f8f8	#e8f6f6	#dcf4f4	#d1f3f3	#c5f1f1	#baefef	#afeeee

Kombination von snow und #afeeee
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#afeeee eignet sich nicht als Schriftfarbe auf Hintergrund snow. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #afeeee und snow ergibt sich zu 94.06%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.94%.

Hintergrundfarbe snow				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#afeeee	#afeeee	#afeeee	#afeeee
#fffafa	#fffafa	#dad6d6	#dad6d6	#baf0f0	#baf0f0	#96cccc	#96cccc
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#fffcfc	#fffcfc	#918e8e	#918e8e	#d1f5f5	#d1f5f5	#648888	#648888
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#fffdfd	#fffdfd	#484747	#484747	#e8fafa	#e8fafa	#324444	#324444
#fffefe	#fffefe	#242323	#242323	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe snow und Farbwert #afeeee

Wechsel der Textfarbe bei Hover bei Befehl fieldset

Die Textfarbe soll sich von Farbe snow auf Farbwert #afeeee ändern, wenn man mit der Maus auf <fieldset> zeigt. Bereiten wir zunächst eine Formatierung von <fieldset> in Farbe snow vor.

Als Beispiel legen wir Farbe snow als Textfarbe von <fieldset> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana und verringern die Schriftgröße auf 94%.

<style type="text/css"><!--
  fieldset { 
    color: snow; 
    font-family: verdana; 
    font-size: 94%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #afeeee ändert.

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

Mehr zu fieldset können Sie in Formulare in HTML nachlesen. Möglichkeiten vom HTML-Befehl fieldset sind in der HTML Referenz unter <fieldset> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag a

Ein Link wird mit Tag <a> erzeugt und kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe snow auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbe snow vor.

Wir legen als Beispiel die Hintergrundfarbe von <a> auf Farbe snow fest. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  a { 
    font-size: 13px; 
    background-color: snow;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #afeeee geändert wird.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten vom hier gezeigten Tag a sind in der HTML Referenz unter <a> zusammengestellt.