Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5fffa und Farbwert #e0ffff

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.

Hintergrundfarbwert #f5fffa			Schriftfarbwert #e0ffff
Detail	:	Hintergrund #f5fffa	Detail	:	Schrift #e0ffff
Farbwert	:	#f5fffa	Farbwert	:	#e0ffff
Farbe	:	mintcream	Farbe	:	lightcyan
HTML	:	#f5fffa	HTML	:	#e0ffff
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#e0ffff
CSS	:	#f5fffa	CSS	:	#e0ffff
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #f5fffa nach Schriftfarbwert #e0ffff
#f5fffa	#f2fffa	#effffb	#ecfffc	#e9fffc	#e6fffd	#e3fffe	#e0ffff
#f5fffa	#f2fffa	#effffb	#ecfffc	#e9fffc	#e6fffd	#e3fffe	#e0ffff

Kombination von #f5fffa und #e0ffff
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #e0ffff und #f5fffa beträgt 95.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.92%. #e0ffff ist nicht als Schriftfarbe auf Hintergrund #f5fffa geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #f5fffa				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#e4ffff	#e4ffff	#c0dada	#c0dada
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#f9fffc	#f9fffc	#8c918e	#8c918e	#edffff	#edffff	#809191	#809191
#fafffc	#fafffc	#696d6b	#696d6b	#f1ffff	#f1ffff	#606d6d	#606d6d
#fcfffd	#fcfffd	#464847	#464847	#f6ffff	#f6ffff	#404848	#404848
#fdfffe	#fdfffe	#232423	#232423	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f5fffa und Farbwert #e0ffff

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Einen Verweis setzen Sie mit Tag <a>. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #f5fffa auf Farbwert #e0ffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbwert #f5fffa vor.

Wir legen hier Farbwert #f5fffa als Textfarbe von <a> fest.

<style type="text/css"><!--
  a { 
    color: #f5fffa;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #e0ffff ändert.

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des hier gezeigten Befehl a sind in der HTML Referenz unter <a> ausführlich gezeigt.

Zebra-Effekt mit HTML-Tag tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbwert #f5fffa und Farbwert #e0ffff.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="even"><td>X1,1</td><td>X2,1</td><td>X3,1</td></tr>
<tr class="odd"><td>X1,2</td><td>X2,2</td><td>X3,2</td></tr>
<tr class="even"><td>X1,3</td><td>X2,3</td><td>X3,3</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Möglichkeiten vom Tag tr sind in der HTML Referenz bei <tr> gezeigt.