Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ghostwhite und Farbwert #98fb98

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 ghostwhite			Schriftfarbwert #98fb98
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #98fb98
Farbe	:	ghostwhite	Farbwert	:	#98fb98
Farbwert	:	#f8f8ff	Farbe	:	palegreen
HTML	:	ghostwhite	HTML	:	#98fb98
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#98fb98
CSS	:	ghostwhite	CSS	:	#98fb98
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #98fb98
#f8f8ff	#eaf8f0	#dcf8e1	#cef9d2	#c1f9c4	#b3fab5	#a5faa6	#98fb98
#f8f8ff	#eaf8f0	#dcf8e1	#cef9d2	#c1f9c4	#b3fab5	#a5faa6	#98fb98

Kombination von ghostwhite und #98fb98
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#98fb98 eignet sich nicht als Schriftfarbe auf Hintergrund ghostwhite, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #98fb98 und ghostwhite ergibt sich zu 94.30%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.70%.

Hintergrundfarbe ghostwhite				Schriftfarbwert #98fb98
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#98fb98	#98fb98	#98fb98	#98fb98
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#a6fba6	#a6fba6	#82d782	#82d782
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#c4fcc4	#c4fcc4	#568f56	#568f56
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#d2fdd2	#d2fdd2	#416b41	#416b41
#fdfdff	#fdfdff	#464648	#464648	#e1fde1	#e1fde1	#2b472b	#2b472b
#fefeff	#fefeff	#232324	#232324	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #98fb98

Wechsel der Textfarbe bei Hover bei Tag blockquote

Die Textfarbe soll sich von Farbe ghostwhite auf Farbwert #98fb98 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Formatierung von <blockquote> in Farbe ghostwhite vor.

Hier legen wir die Textfarbe von <blockquote> auf Farbe ghostwhite fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  blockquote { 
    font-family: courier new; 
    color: ghostwhite;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #98fb98 ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:#98fb98;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML finden. Einzelheiten vom hier verwendeten HTML-Tag blockquote lesen Sie in der HTML Referenz unter <blockquote>.

Text- und Unterstreichungsfarben bei Befehl ins

Bei diesem Beispiel ändern wir die Textfarbe von <ins> auf Farbwert #98fb98 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße erhöhen wir auf 117%. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines doppelten Rahmens mit 1 Pixel Dicke in Farbe ghostwhite. In HTML ist dies kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  ins { 
    font-size: 117%; 
    color: #98fb98; 
    font-family: sans-serif; 
    border-bottom: 1px double ghostwhite;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Die Beschreibung vom hier genutzten Befehl ins lesen Sie in der HTML Referenz unter <ins>.