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

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 #f08080
Detail	:	Hintergrund mintcream	Detail	:	Schrift #f08080
Farbe	:	mintcream	Farbwert	:	#f08080
Farbwert	:	#f5fffa	Farbe	:	lightcoral
HTML	:	mintcream	HTML	:	#f08080
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#f08080
CSS	:	mintcream	CSS	:	#f08080
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #f08080
#f5fffa	#f4ece8	#f3dad7	#f2c8c5	#f2b6b4	#f1a4a2	#f09291	#f08080
#f5fffa	#f4ece8	#f3dad7	#f2c8c5	#f2b6b4	#f1a4a2	#f09291	#f08080

Kombination von mintcream und #f08080
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f08080 ist nicht als Schriftfarbe auf Hintergrund mintcream geeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #f08080 und mintcream beträgt 87.92%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.08%.

Hintergrundfarbe mintcream				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#f08080	#f08080	#f08080	#f08080
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#f29292	#f29292	#cd6d6d	#cd6d6d
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#f9fffc	#f9fffc	#8c918e	#8c918e	#f6b6b6	#f6b6b6	#894949	#894949
#fafffc	#fafffc	#696d6b	#696d6b	#f8c8c8	#f8c8c8	#663636	#663636
#fcfffd	#fcfffd	#464847	#464847	#fadada	#fadada	#442424	#442424
#fdfffe	#fdfffe	#232423	#232423	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #f08080

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl strike

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

In diesem Beispiel legen wir Farbe mintcream als Hintergrundfarbe von <strike> fest. Die Textfarbe ändern wir nicht. Die Schriftart ändern wir auf sans-serif.

<style type="text/css"><!--
  strike { 
    background-color:mintcream; 
    font-family:sans-serif;
  }
//-->
</style>

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

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

Weiteres zum Thema strike erfahren Sie in Text in HTML. Beschreibung des Tag <strike>.

Text- und Unterstreichungsfarben mit Befehl var

Wir ändern für dieses Beispiel die Textfarbe von <var> auf Farbwert #f08080. Die Schriftart ändern wir auf courier new. Die Schriftgröße erhöhen wir auf 115%. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe mintcream. Dies geht in HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  var { 
    border-bottom-width: 4px; 
    color: #f08080; 
    border-bottom-style: groove; 
    border-bottom-color: mintcream; 
    font-family: courier new; 
    font-size: 115%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu var können Sie in Text in HTML lesen. Möglichkeiten des hier gezeigten HTML-Tag <var>.