Ressourcen: 137 HTML Farbnamen - Kombination von Farbe ghostwhite und Farbwert #f0fff0

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.

Hintergrundfarbe ghostwhite			Schriftfarbwert #f0fff0
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #f0fff0
Farbe	:	ghostwhite	Farbwert	:	#f0fff0
Farbwert	:	#f8f8ff	Farbe	:	honeydew
HTML	:	ghostwhite	HTML	:	#f0fff0
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#f0fff0
CSS	:	ghostwhite	CSS	:	#f0fff0
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #f0fff0
#f8f8ff	#f6f9fc	#f5fafa	#f4fbf8	#f3fcf6	#f2fdf4	#f1fef2	#f0fff0
#f8f8ff	#f6f9fc	#f5fafa	#f4fbf8	#f3fcf6	#f2fdf4	#f1fef2	#f0fff0

Kombination von ghostwhite und #f0fff0
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund ghostwhite. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #f0fff0 und ghostwhite ergibt sich zu 95.14%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.86%.

Hintergrundfarbe ghostwhite				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#f2fff2	#f2fff2	#cddacd	#cddacd
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#f6fff6	#f6fff6	#899189	#899189
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#f8fff8	#f8fff8	#666d66	#666d66
#fdfdff	#fdfdff	#464648	#464648	#fafffa	#fafffa	#444844	#444844
#fefeff	#fefeff	#232324	#232324	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #f0fff0

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

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

Zum Beispiel ändern wir bei <dd> die Hintergrundfarbe auf Farbe ghostwhite:

<style type="text/css"><!--
  dd { 
    background-color: ghostwhite;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #f0fff0 gesetzt wird.

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

Weiteres zu dd finden Sie in Listen und Glossare in HTML. Möglichkeiten vom hier verwendeten HTML-Tag <dd>.

Zebra-Effekt von HTML-Befehl th

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbe ghostwhite und Farbwert #f0fff0.

<style type="text/css"><!--
  th.gerade { 
    background-color:ghostwhite;
  }
  th.ungerade { 
    background-color: #f0fff0;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="gerade">IA,A</td><td class="ungerade">IB,A</td><td class="gerade">IC,A</td></tr>
<tr><td class="gerade">IA,B</td><td class="ungerade">IB,B</td><td class="gerade">IC,B</td></tr>
<tr><td class="gerade">IA,C</td><td class="ungerade">IB,C</td><td class="gerade">IC,C</td></tr>
</table>

Weiteres zum Thema th lesen Sie in Tabellen in HTML. Einzelheiten vom Befehl <th>.