Ressourcen: 120 HTML Farbnamen - Kombination von Farbe moccasin und Farbwert #fffff0

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 moccasin			Schriftfarbwert #fffff0
Detail	:	Hintergrund moccasin	Detail	:	Schrift #fffff0
Farbe	:	moccasin	Farbwert	:	#fffff0
Farbwert	:	#ffe4b5	Farbe	:	ivory
HTML	:	moccasin	HTML	:	#fffff0
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#fffff0
CSS	:	moccasin	CSS	:	#fffff0
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#fffff0
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#fffff0
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(255,255,240)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(100%,100%,94%)

Verlauf Hintergrundfarbe moccasin nach Schriftfarbwert #fffff0
#ffe4b5	#ffe7bd	#ffebc5	#ffefce	#fff3d6	#fff7df	#fffbe7	#fffff0
#ffe4b5	#ffe7bd	#ffebc5	#ffefce	#fff3d6	#fff7df	#fffbe7	#fffff0

Kombination von moccasin und #fffff0
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #fffff0 und moccasin ergibt sich zu 94.18%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.82%. #fffff0 ist nicht als Schriftfarbe auf Hintergrund moccasin geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe moccasin				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#fffff0	#fffff0	#fffff0	#fffff0
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#fffff2	#fffff2	#dadacd	#dadacd
#ffebca	#ffebca	#b6a281	#b6a281	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#ffefd4	#ffefd4	#918267	#918267	#fffff6	#fffff6	#919189	#919189
#fff3df	#fff3df	#6d614d	#6d614d	#fffff8	#fffff8	#6d6d66	#6d6d66
#fff7e9	#fff7e9	#484133	#484133	#fffffa	#fffffa	#484844	#484844
#fffbf4	#fffbf4	#242019	#242019	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe moccasin und Farbwert #fffff0

Füllen und Umranden bei Tag colgroup

Für dieses Beispiel umranden wir <colgroup> mit einem . Die Hintergrundfarbe für <colgroup> färben wir entsprechend mit Farbe moccasin. Mit HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  colgroup { 
    border-color: #fffff0; 
    background-color: moccasin; 
    border-style: inset; 
    border-width: 3pt;
  }
//-->
</style>

Weiteres zum Thema colgroup erfahren Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Befehl <colgroup>.

Wechsel der Umrandung bei Hover mit HTML-Befehl iframe

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

In diesem Beispiel umranden wir <iframe> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe moccasin.

<style type="text/css"><!--
  iframe { border:1px double moccasin; }
//-->
</style>

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

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

Mehr zum Tag <iframe>.