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

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 mintcream			Schriftfarbwert #ffe4e1
Detail	:	Hintergrund mintcream	Detail	:	Schrift #ffe4e1
Farbe	:	mintcream	Farbwert	:	#ffe4e1
Farbwert	:	#f5fffa	Farbe	:	mistyrose
HTML	:	mintcream	HTML	:	#ffe4e1
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#ffe4e1
CSS	:	mintcream	CSS	:	#ffe4e1
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #ffe4e1
#f5fffa	#f6fbf6	#f7f7f2	#f9f3ef	#faefeb	#fcebe8	#fde7e4	#ffe4e1
#f5fffa	#f6fbf6	#f7f7f2	#f9f3ef	#faefeb	#fcebe8	#fde7e4	#ffe4e1

Kombination von mintcream und #ffe4e1
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #ffe4e1 und mintcream beträgt 94.38%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.62%. #ffe4e1 ist nicht als Schriftfarbe auf Hintergrund mintcream geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe mintcream				Schriftfarbwert #ffe4e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#f9fffc	#f9fffc	#8c918e	#8c918e	#ffefed	#ffefed	#918280	#918280
#fafffc	#fafffc	#696d6b	#696d6b	#fff3f2	#fff3f2	#6d6160	#6d6160
#fcfffd	#fcfffd	#464847	#464847	#fff7f6	#fff7f6	#484140	#484140
#fdfffe	#fdfffe	#232423	#232423	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #ffe4e1

Füllen und Umranden bei Tag frameset

Bei diesem Beispiel umranden wir <frameset> mit einem . Die Hintergrundfarbe für <frameset> setzen wir entsprechend auf Farbe mintcream. Dies geht in HTML nicht. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  frameset { border:1pt dotted #ffe4e1; background-color:mintcream; }
//-->
</style>

Der Tag frameset ist in der HTML Referenz bei <frameset> genau zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl span

Die Textfarbe soll sich von Farbe mintcream auf Farbwert #ffe4e1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <span> in Farbe mintcream vor.

Wir legen zum Beispiel die Textfarbe von <span> auf Farbe mintcream fest:

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #ffe4e1 ändert.

<style type="text/css"><!--
  span: hover { 
    color: #ffe4e1;
  }
//-->
</style>

Mehr zum hier verwendeten Befehl <span>.