Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mintcream und Farbe mediumturquoise

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			Schriftfarbe mediumturquoise
Detail	:	Hintergrund mintcream	Detail	:	Schrift mediumturquoise
Farbe	:	mintcream	Farbe	:	mediumturquoise
Farbwert	:	#f5fffa	Farbwert	:	#48d1cc
HTML	:	mintcream	HTML	:	mediumturquoise
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#48d1cc
CSS	:	mintcream	CSS	:	mediumturquoise
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbe mediumturquoise
#f5fffa	#dcf8f3	#c3f1ec	#aaebe6	#92e4df	#79ded9	#60d7d2	#48d1cc
#f5fffa	#dcf8f3	#c3f1ec	#aaebe6	#92e4df	#79ded9	#60d7d2	#48d1cc

Kombination von mintcream und mediumturquoise
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 von mediumturquoise und mintcream beträgt 91.31%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.69%. mediumturquoise eignet sich nicht als Schriftfarbe auf Hintergrund mintcream. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe mintcream				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#7cdeda	#7cdeda	#339591	#339591
#f9fffc	#f9fffc	#8c918e	#8c918e	#96e4e1	#96e4e1	#297774	#297774
#fafffc	#fafffc	#696d6b	#696d6b	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#fcfffd	#fcfffd	#464847	#464847	#caf1f0	#caf1f0	#143b3a	#143b3a
#fdfffe	#fdfffe	#232423	#232423	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mintcream und Farbe mediumturquoise

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Mit Befehl <a> wird ein Link gesetzt und kann hervorgehoben und farblich gestaltet werden.

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

Hier legen wir bei <a> die Hintergrundfarbe auf Farbe mintcream fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif:

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

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

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

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom hier gezeigten HTML-Tag <a>.