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

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 #f8f8ff
Detail	:	Hintergrund mintcream	Detail	:	Schrift #f8f8ff
Farbe	:	mintcream	Farbwert	:	#f8f8ff
Farbwert	:	#f5fffa	Farbe	:	ghostwhite
HTML	:	mintcream	HTML	:	#f8f8ff
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#f8f8ff
CSS	:	mintcream	CSS	:	#f8f8ff
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #f8f8ff
#f5fffa	#f5fefa	#f5fdfb	#f6fcfc	#f6fbfc	#f7fafd	#f7f9fe	#f8f8ff
#f5fffa	#f5fefa	#f5fdfb	#f6fcfc	#f6fbfc	#f7fafd	#f7f9fe	#f8f8ff

Kombination von mintcream und #f8f8ff
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund mintcream ist #f8f8ff ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #f8f8ff und mintcream beträgt 95.07%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.93%.

Hintergrundfarbe mintcream				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#f9fffc	#f9fffc	#8c918e	#8c918e	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#fafffc	#fafffc	#696d6b	#696d6b	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#fcfffd	#fcfffd	#464847	#464847	#fdfdff	#fdfdff	#464648	#464648
#fdfffe	#fdfffe	#232423	#232423	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #f8f8ff

Hintergrund/Text-Kombination bei HTML-Befehl span

Wir ändern hier die Textfarbe von <span> auf Farbwert #f8f8ff und die Hintergrundfarbe von <span> auf Farbe mintcream. Als Schriftart setzen wir courier new und setzen die Schriftgröße auf 9px.

<style type="text/css"><!--
  span { 
    font-size: 9px; 
    color: #f8f8ff; 
    background-color: mintcream; 
    font-family: courier new;
  }
//-->
</style>

Einzelheiten des HTML-Befehl <span>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h2

Eine Überschrift wird mit Tag <h2> erzeugt. Diese kann man farblich gestalten und hervorheben.

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

Für dieses Beispiel legen wir Farbe mintcream als Hintergrundfarbe von <h2> fest. Die Textfarbe ändern wir nicht. Die Schriftart setzen wir auf courier new und verkleinern die Größe der Schrift auf 91%.

<style type="text/css"><!--
  h2 { 
    font-size: 91%; 
    font-family: courier new; 
    background-color: mintcream;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #f8f8ff gesetzt wird.

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

Mehr zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag h2 erfahren Sie in der HTML Referenz unter <h2>.