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

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 mintcream
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift mintcream
Farbwert	:	#ffdab9	Farbe	:	mintcream
Farbe	:	peachpuff	Farbwert	:	#f5fffa
HTML	:	#ffdab9	HTML	:	mintcream
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#f5fffa
CSS	:	#ffdab9	CSS	:	mintcream
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbe mintcream
#ffdab9	#fddfc2	#fce4cb	#fae9d4	#f9efde	#f7f4e7	#f6f9f0	#f5fffa
#ffdab9	#fddfc2	#fce4cb	#fae9d4	#f9efde	#f7f4e7	#f6f9f0	#f5fffa

Kombination von #ffdab9 und mintcream
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #ffdab9 ist mintcream ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben mintcream und #ffdab9 ergibt sich zu 93.87%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.13%.

Hintergrundfarbwert #ffdab9				Schriftfarbe mintcream
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#ffe9d7	#ffe9d7	#917c69	#917c69	#f9fffc	#f9fffc	#8c918e	#8c918e
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#fafffc	#fafffc	#696d6b	#696d6b
#fff4eb	#fff4eb	#483e34	#483e34	#fcfffd	#fcfffd	#464847	#464847
#fff9f5	#fff9f5	#241f1a	#241f1a	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbe mintcream

Wechsel der Hintergrundfarbe bei Hover von Tag col

Die Hintergrundfarbe soll sich von Farbwert #ffdab9 auf Farbe mintcream ändern, wenn man mit der Maus auf <col> zeigt. Bereiten wir zunächst die Darstellung von <col> in Farbwert #ffdab9 vor.

Zum Beispiel legen wir Farbwert #ffdab9 als Hintergrundfarbe von <col> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu mintcream ändert.

<style type="text/css"><!--
  col: hover { 
    background-color: mintcream;
  }
//-->
</style>

Weiteres zum Thema col können Sie in Tabellen in HTML lesen. Der hier genutzte Tag col ist in der HTML Referenz bei <col> genau gezeigt.

Wechsel der Umrandung bei Hover mit HTML-Befehl address

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

In diesem Beispiel umranden wir <address> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #ffdab9.

<style type="text/css"><!--
  address { 
    border-width: 4px; 
    border-style: dashed; 
    border-color: #ffdab9;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf mintcream gesetzt wird.

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

Mehr zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Einzelheiten vom Tag <address>.