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

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 #faebd7
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #faebd7
Farbe	:	ghostwhite	Farbwert	:	#faebd7
Farbwert	:	#f8f8ff	Farbe	:	antiquewhite
HTML	:	ghostwhite	HTML	:	#faebd7
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#faebd7
CSS	:	ghostwhite	CSS	:	#faebd7
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #faebd7
#f8f8ff	#f8f6f9	#f8f4f3	#f8f2ed	#f9f0e8	#f9eee2	#f9ecdc	#faebd7
#f8f8ff	#f8f6f9	#f8f4f3	#f8f2ed	#f9f0e8	#f9eee2	#f9ecdc	#faebd7

Kombination von ghostwhite und #faebd7
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von #faebd7 und ghostwhite ergibt sich zu 94.72%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.28%. Auf Hintergrund ghostwhite ist #faebd7 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe ghostwhite				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#faebd7	#faebd7	#faebd7	#faebd7
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#fdfdff	#fdfdff	#464648	#464648	#fdf9f3	#fdf9f3	#47433d	#47433d
#fefeff	#fefeff	#232324	#232324	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #faebd7

Füllen und Umranden bei Tag p

Für dieses Beispiel umranden wir <p> mit einem 5 Punkte dicken, gestrichelten Rahmen in Farbwert #faebd7 . Den Hintergrund von <p> setzen wir entsprechend auf Farbe ghostwhite. Das geht mit HTML kaum. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  p { 
    border-width:5pt; 
    border-style:dashed; 
    background-color:ghostwhite; 
    border-color:#faebd7;
  }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des HTML-Tag <p>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbe ghostwhite auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbe ghostwhite vor.

Wir ändern in diesem Beispiel bei <dt> die Hintergrundfarbe auf Farbe ghostwhite.

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

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #faebd7 ändert.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML lesen. Beschreibung des hier genutzten Tag <dt>.