Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f8f8ff 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 #f8f8ff			Schriftfarbe snow
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift snow
Farbwert	:	#f8f8ff	Farbe	:	snow
Farbe	:	ghostwhite	Farbwert	:	#fffafa
HTML	:	#f8f8ff	HTML	:	snow
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#fffafa
CSS	:	#f8f8ff	CSS	:	snow
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe snow
#f8f8ff	#f9f8fe	#faf8fd	#fbf8fc	#fcf9fc	#fdf9fb	#fef9fa	#fffafa
#f8f8ff	#f9f8fe	#faf8fd	#fbf8fc	#fcf9fc	#fdf9fb	#fef9fa	#fffafa

Kombination von #f8f8ff und snow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #f8f8ff ist snow ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben snow und #f8f8ff ergibt sich zu 95.13%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.87%.

Hintergrundfarbwert #f8f8ff				Schriftfarbe snow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#fffafa	#fffafa	#fffafa	#fffafa
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#fffafa	#fffafa	#dad6d6	#dad6d6
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#fffcfc	#fffcfc	#918e8e	#918e8e
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#fdfdff	#fdfdff	#464648	#464648	#fffdfd	#fffdfd	#484747	#484747
#fefeff	#fefeff	#232324	#232324	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbe snow

Wechsel der Hintergrundfarbe bei Hover mit Tag select

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

Zum Beispiel legen wir Farbwert #f8f8ff als Hintergrundfarbe von <select> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 13px:

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

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

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

Mehr zu select lesen Sie in Formulare in HTML. Mehr zum HTML-Befehl select ist in der HTML Referenz bei <select> zusammengestellt.

Zebra-Effekt mit Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbwert #f8f8ff und Farbe snow.

<style type="text/css"><!--
  td.even { 
    background-color: #f8f8ff;
  }
  td.odd { 
    background-color:snow;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="even">IA-A</td><td class="odd">IB-A</td><td class="even">IC-A</td></tr>
<tr><td class="even">IA-B</td><td class="odd">IB-B</td><td class="even">IC-B</td></tr>
<tr><td class="even">IA-C</td><td class="odd">IB-C</td><td class="even">IC-C</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Tag td sind in der HTML Referenz bei <td> zusammengestellt.