Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbe linen

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 #f8f8ff			Schriftfarbe linen
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift linen
Farbwert	:	#f8f8ff	Farbe	:	linen
Farbe	:	ghostwhite	Farbwert	:	#faf0e6
HTML	:	#f8f8ff	HTML	:	linen
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#faf0e6
CSS	:	#f8f8ff	CSS	:	linen
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe linen
#f8f8ff	#f8f6fb	#f8f5f7	#f8f4f4	#f9f3f0	#f9f2ed	#f9f1e9	#faf0e6
#f8f8ff	#f8f6fb	#f8f5f7	#f8f4f4	#f9f3f0	#f9f2ed	#f9f1e9	#faf0e6

Kombination von #f8f8ff und linen
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben linen und #f8f8ff ergibt sich zu 94.93%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.07%. linen eignet sich nicht als Schriftfarbe auf Hintergrund #f8f8ff, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #f8f8ff				Schriftfarbe linen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#fdfdff	#fdfdff	#464648	#464648	#fdfaf7	#fdfaf7	#474441	#474441
#fefeff	#fefeff	#232324	#232324	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbe linen

Füllen und Umranden von Befehl iframe

Für dieses Beispiel umranden wir <iframe> mit einem 1 Punkte dicken, herausstehenden Rahmen in Farbe linen . Die Hintergrundfarbe für <iframe> setzen wir entsprechend auf Farbwert #f8f8ff. Dies geht in HTML nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:1pt outset linen; background-color:#f8f8ff; }
//-->
</style>

Möglichkeiten des hier gezeigten HTML-Befehl iframe finden Sie in der HTML Referenz unter <iframe>.

Wechsel der Umrandung bei Hover von Tag strong

Die Rahmenfarbe soll sich von Farbwert #f8f8ff auf Farbe linen ändern, wenn man mit der Maus auf <strong> zeigt. Bereiten wir zunächst eine Formatierung von <strong> in Farbwert #f8f8ff vor.

In diesem Beispiel umranden wir <strong> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #f8f8ff.

<style type="text/css"><!--
  strong { 
    border-color: #f8f8ff; 
    border-style: inset; 
    border-width: 1px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf linen gesetzt wird.

<style type="text/css"><!--
  strong: hover { 
    border-color: linen;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML lesen. Der hier verwendete Befehl strong ist in der HTML Referenz unter <strong> beschrieben.