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

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

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #800000
#f5fffa	#e4dad6	#d3b6b2	#c2918e	#b26d6b	#a14847	#902423	#800000
#f5fffa	#e4dad6	#d3b6b2	#c2918e	#b26d6b	#a14847	#902423	#800000

Kombination von mintcream und #800000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #800000 und mintcream beträgt 48.93%. Die Lesbarkeit dieser Farbkombination liegt damit bei 51.07%. #800000 eignet sich als Schriftfarbe auf Hintergrund mintcream. Der Helligkeitsunterschied ist gut, der Farbenunterschied auch.

Hintergrundfarbe mintcream				Schriftfarbwert #800000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#800000	#800000	#800000	#800000
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#922424	#922424	#6d0000	#6d0000
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#a44848	#a44848	#5b0000	#5b0000
#f9fffc	#f9fffc	#8c918e	#8c918e	#b66d6d	#b66d6d	#490000	#490000
#fafffc	#fafffc	#696d6b	#696d6b	#c89191	#c89191	#360000	#360000
#fcfffd	#fcfffd	#464847	#464847	#dab6b6	#dab6b6	#240000	#240000
#fdfffe	#fdfffe	#232423	#232423	#ecdada	#ecdada	#120000	#120000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #800000

Wechsel der Textfarbe bei Hover mit HTML-Tag thead

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

Hier legen wir Farbe mintcream als Textfarbe von <thead> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  thead { 
    font-family:monospace; 
    color:mintcream;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #800000 gesetzt wird.

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

Weiteres zum Thema können Sie in Tabellen in HTML nachlesen. Mehr zum hier genutzten Tag thead erfahren Sie in der HTML Referenz unter <thead>.

Zebra-Effekt mit HTML-Befehl tr

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbe mintcream und Farbwert #800000.

<style type="text/css"><!--
  tr.odd { 
    background-color: mintcream;
  }
  tr.even { 
    background-color:#800000;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="odd"><td>G1.1</td><td>G2.1</td><td>G3.1</td></tr>
<tr class="even"><td>G1.2</td><td>G2.2</td><td>G3.2</td></tr>
<tr class="odd"><td>G1.3</td><td>G2.3</td><td>G3.3</td></tr>
</table>

Weiteres zum Thema tr lesen Sie in Tabellen in HTML. Weiteres zum HTML-Befehl tr erfahren Sie in der HTML Referenz unter <tr>.