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

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 #f5fffa
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #f5fffa
Farbe	:	ghostwhite	Farbwert	:	#f5fffa
Farbwert	:	#f8f8ff	Farbe	:	mintcream
HTML	:	ghostwhite	HTML	:	#f5fffa
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#f5fffa
CSS	:	ghostwhite	CSS	:	#f5fffa
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #f5fffa
#f8f8ff	#f7f9fe	#f7fafd	#f6fbfc	#f6fcfc	#f5fdfb	#f5fefa	#f5fffa
#f8f8ff	#f7f9fe	#f7fafd	#f6fbfc	#f6fcfc	#f5fdfb	#f5fefa	#f5fffa

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

Hintergrundfarbe ghostwhite				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#f9fffc	#f9fffc	#8c918e	#8c918e
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#fafffc	#fafffc	#696d6b	#696d6b
#fdfdff	#fdfdff	#464648	#464648	#fcfffd	#fcfffd	#464847	#464847
#fefeff	#fefeff	#232324	#232324	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #f5fffa

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag dd

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

Wir legen als Beispiel bei <dd> die Hintergrundfarbe auf Farbe ghostwhite fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new und erhöhen die Schriftgröße auf 120%.

<style type="text/css"><!--
  dd { 
    background-color:ghostwhite; 
    font-family:courier new; 
    font-size:120%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #f5fffa geändert wird.

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

Mehr zu dd finden Sie in Listen und Glossare in HTML. Der Befehl dd ist in der HTML Referenz bei <dd> genau gezeigt.

Füllen und Umranden bei HTML-Befehl button

Bei diesem Beispiel umranden wir <button> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #f5fffa . Den Hintergrund von <button> setzen wir auf Farbe ghostwhite. Mit HTML ist dies nicht machbar. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  button { 
    border-style:dashed; 
    border-width:3px; 
    border-color:#f5fffa; 
    background-color:ghostwhite;
  }
//-->
</style>

Weiteres zu button lesen Sie in Formulare in HTML. Mehr zum hier gezeigten HTML-Befehl button erfahren Sie in der HTML Referenz unter <button>.