Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffff0 und Farbwert #f8f8ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #fffff0			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund #fffff0	Detail	:	Schrift #f8f8ff
Farbwert	:	#fffff0	Farbwert	:	#f8f8ff
Farbe	:	ivory	Farbe	:	ghostwhite
HTML	:	#fffff0	HTML	:	#f8f8ff
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#f8f8ff
CSS	:	#fffff0	CSS	:	#f8f8ff
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbwert #f8f8ff
#fffff0	#fefef2	#fdfdf4	#fcfcf6	#fbfbf8	#fafafa	#f9f9fc	#f8f8ff
#fffff0	#fefef2	#fdfdf4	#fcfcf6	#fbfbf8	#fafafa	#f9f9fc	#f8f8ff

Kombination von #fffff0 und #f8f8ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #fffff0 ist #f8f8ff ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #f8f8ff und #fffff0 ergibt sich zu 95.01%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.99%.

Hintergrundfarbwert #fffff0				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#fffff2	#fffff2	#dadacd	#dadacd	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#fffff6	#fffff6	#919189	#919189	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#fffff8	#fffff8	#6d6d66	#6d6d66	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#fffffa	#fffffa	#484844	#484844	#fdfdff	#fdfdff	#464648	#464648
#fffffc	#fffffc	#242422	#242422	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbwert #f8f8ff

Wechsel der Umrandung bei Hover von Tag iframe

Die Rahmenfarbe soll sich von Farbwert #fffff0 auf Farbwert #f8f8ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <iframe> in Farbwert #fffff0 vor.

In diesem Beispiel umranden wir <iframe> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #fffff0.

<style type="text/css"><!--
  iframe { 
    border-width:5px; 
    border-color:#fffff0; 
    border-style:outset;
  }
//-->
</style>

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

<style type="text/css"><!--
  iframe:hover { 
    border-color:#f8f8ff;
  }
//-->
</style>

Mehr zum hier genutzten Tag <iframe>.

Füllen und Umranden mit Befehl img

Hier umranden wir <img> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbwert #f8f8ff . Die Hintergrundfarbe für <img> färben wir mit Farbwert #fffff0. Mit HTML ist das nicht möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  img { border:5px inset #f8f8ff; background-color:#fffff0; }
//-->
</style>

Mehr zum Thema img lesen Sie in Grafik in HTML. Die Beschreibung des Tag img erfahren Sie in der HTML Referenz unter <img>.