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

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 #eee8aa			Schriftfarbe snow
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift snow
Farbwert	:	#eee8aa	Farbe	:	snow
Farbe	:	palegoldenrod	Farbwert	:	#fffafa
HTML	:	#eee8aa	HTML	:	snow
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#fffafa
CSS	:	#eee8aa	CSS	:	snow
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe snow
#eee8aa	#f0eab5	#f2edc0	#f5efcc	#f7f2d7	#faf4e3	#fcf7ee	#fffafa
#eee8aa	#f0eab5	#f2edc0	#f5efcc	#f7f2d7	#faf4e3	#fcf7ee	#fffafa

Kombination von #eee8aa und snow
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.				Die Ähnlichkeit von snow und #eee8aa ergibt sich zu 94.23%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.77%. snow ist nicht als Schriftfarbe auf Hintergrund #eee8aa geeignet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #eee8aa				Schriftfarbe snow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#fffafa	#fffafa	#fffafa	#fffafa
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#fffafa	#fffafa	#dad6d6	#dad6d6
#f2eec2	#f2eec2	#aaa579	#aaa579	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#f5f1ce	#f5f1ce	#888461	#888461	#fffcfc	#fffcfc	#918e8e	#918e8e
#f7f5da	#f7f5da	#666348	#666348	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#faf8e6	#faf8e6	#444230	#444230	#fffdfd	#fffdfd	#484747	#484747
#fcfbf2	#fcfbf2	#222118	#222118	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #eee8aa und Farbe snow

Wechsel der Hintergrundfarbe bei Hover von Befehl address

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

Z.B. legen wir bei <address> die Hintergrundfarbe auf Farbwert #eee8aa fest und ändern die Größe der Schrift auf 13px:

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

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

<style type="text/css"><!--
  address:hover { 
    background-color:snow;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten vom Tag address sind in der HTML Referenz bei <address> zusammengestellt.