Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mintcream und Farbwert #90ee90

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe mintcream			Schriftfarbwert #90ee90
Detail	:	Hintergrund mintcream	Detail	:	Schrift #90ee90
Farbe	:	mintcream	Farbwert	:	#90ee90
Farbwert	:	#f5fffa	Farbe	:	lightgreen
HTML	:	mintcream	HTML	:	#90ee90
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#90ee90
CSS	:	mintcream	CSS	:	#90ee90
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #90ee90
#f5fffa	#e6fcea	#d8fadb	#c9f7cc	#bbf5bd	#acf2ae	#9ef09f	#90ee90
#f5fffa	#e6fcea	#d8fadb	#c9f7cc	#bbf5bd	#acf2ae	#9ef09f	#90ee90

Kombination von mintcream und #90ee90
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #90ee90 und mintcream beträgt 93.39%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.61%. #90ee90 ist nicht als Schriftfarbe auf Hintergrund mintcream geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe mintcream				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#90ee90	#90ee90	#90ee90	#90ee90
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#aff2af	#aff2af	#66aa66	#66aa66
#f9fffc	#f9fffc	#8c918e	#8c918e	#bff5bf	#bff5bf	#528852	#528852
#fafffc	#fafffc	#696d6b	#696d6b	#cff7cf	#cff7cf	#3d663d	#3d663d
#fcfffd	#fcfffd	#464847	#464847	#dffadf	#dffadf	#294429	#294429
#fdfffe	#fdfffe	#232423	#232423	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #90ee90

Text- und Unterstreichungsfarben bei HTML-Tag caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #90ee90. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbe mintcream. In HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { 
    color: #90ee90; 
    font-size: 13px; 
    font-family: sans-serif; 
    border-bottom: 4px ridge mintcream;
  }
//-->
</style>

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

Mehr zu caption können Sie in Tabellen in HTML erfahren. Zur Beschreibung vom hier verwendeten HTML-Befehl <caption>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl span

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

Wir setzen hier die Hintergrundfarbe von <span> auf Farbe mintcream. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial:

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #90ee90 geändert wird.

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

Mehr zum HTML-Befehl span ist in der HTML Referenz bei <span> ausführlich gezeigt.