Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seashell und Farbwert #e0ffff

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 seashell			Schriftfarbwert #e0ffff
Detail	:	Hintergrund seashell	Detail	:	Schrift #e0ffff
Farbe	:	seashell	Farbwert	:	#e0ffff
Farbwert	:	#fff5ee	Farbe	:	lightcyan
HTML	:	seashell	HTML	:	#e0ffff
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#e0ffff
CSS	:	seashell	CSS	:	#e0ffff
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe seashell nach Schriftfarbwert #e0ffff
#fff5ee	#faf6f0	#f6f7f2	#f1f9f5	#edfaf7	#e8fcfa	#e4fdfc	#e0ffff
#fff5ee	#faf6f0	#f6f7f2	#f1f9f5	#edfaf7	#e8fcfa	#e4fdfc	#e0ffff

Kombination von seashell und #e0ffff
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#e0ffff ist nicht als Schriftfarbe auf Hintergrund seashell geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #e0ffff und seashell ergibt sich zu 95.15%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.85%.

Hintergrundfarbe seashell				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#e4ffff	#e4ffff	#c0dada	#c0dada
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#fff9f5	#fff9f5	#918c88	#918c88	#edffff	#edffff	#809191	#809191
#fffaf7	#fffaf7	#6d6966	#6d6966	#f1ffff	#f1ffff	#606d6d	#606d6d
#fffcfa	#fffcfa	#484644	#484644	#f6ffff	#f6ffff	#404848	#404848
#fffdfc	#fffdfc	#242322	#242322	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seashell und Farbwert #e0ffff

Zebra-Effekt mit Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit unterschiedlichen Hintergrundfarben Farbe seashell und Farbwert #e0ffff.

<style type="text/css"><!--
  th.ung { 
    background-color:seashell;
  }
  th.ger { 
    background-color: #e0ffff;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ung">Q1.1</td><td class="ger">Q2.1</td><td class="ung">Q3.1</td></tr>
<tr><td class="ung">Q1.2</td><td class="ger">Q2.2</td><td class="ung">Q3.2</td></tr>
<tr><td class="ung">Q1.3</td><td class="ger">Q2.3</td><td class="ung">Q3.3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Weiteres zum hier verwendeten Befehl th ist in der HTML Referenz bei <th> beschrieben.

Wechsel der Textfarbe bei Hover von Tag center

Die Textfarbe soll sich von Farbe seashell auf Farbwert #e0ffff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbe seashell vor.

Wir legen für dieses Beispiel bei <center> die Textfarbe auf Farbe seashell fest und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  center { 
    color: seashell; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #e0ffff gesetzt wird.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom HTML-Befehl center lesen Sie in der HTML Referenz unter <center>.