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

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 #ffdab9			Schriftfarbe ghostwhite
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift ghostwhite
Farbwert	:	#ffdab9	Farbe	:	ghostwhite
Farbe	:	peachpuff	Farbwert	:	#f8f8ff
HTML	:	#ffdab9	HTML	:	ghostwhite
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#f8f8ff
CSS	:	#ffdab9	CSS	:	ghostwhite
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbe ghostwhite
#ffdab9	#fedec3	#fde2cd	#fce6d7	#fbebe1	#faefeb	#f9f3f5	#f8f8ff
#ffdab9	#fedec3	#fde2cd	#fce6d7	#fbebe1	#faefeb	#f9f3f5	#f8f8ff

Kombination von #ffdab9 und ghostwhite
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				ghostwhite ist nicht als Schriftfarbe auf Hintergrund #ffdab9 geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben ghostwhite und #ffdab9 beträgt 94.08%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.92%.

Hintergrundfarbwert #ffdab9				Schriftfarbe ghostwhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#ffe9d7	#ffe9d7	#917c69	#917c69	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#fff4eb	#fff4eb	#483e34	#483e34	#fdfdff	#fdfdff	#464648	#464648
#fff9f5	#fff9f5	#241f1a	#241f1a	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbe ghostwhite

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

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

Z.B. legen wir Farbwert #ffdab9 als Textfarbe von <blockquote> fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  blockquote { 
    font-family:verdana; 
    color:#ffdab9;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf ghostwhite geändert wird.

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

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Weiteres zum Befehl <blockquote>.

Füllen und Umranden bei HTML-Tag col

Bei diesem Beispiel umranden wir <col> mit einem herausstehenden, 5 Punkte dicken Rahmen in Farbe ghostwhite . Die Hintergrundfarbe für <col> färben wir mit Farbwert #ffdab9. Mit HTML ist das nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  col { 
    border-style: outset; 
    border-width: 5pt; 
    background-color: #ffdab9; 
    border-color: ghostwhite;
  }
//-->
</style>

Mehr zum Thema col erfahren Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Befehl col lesen Sie in der HTML Referenz unter <col>.