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

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

Verlauf Hintergrundfarbe seashell nach Schriftfarbwert #f5f5f5
#fff5ee	#fdf5ef	#fcf5f0	#faf5f1	#f9f5f2	#f7f5f3	#f6f5f4	#f5f5f5
#fff5ee	#fdf5ef	#fcf5f0	#faf5f1	#f9f5f2	#f7f5f3	#f6f5f4	#f5f5f5

Kombination von seashell und #f5f5f5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#f5f5f5 eignet sich nicht als Schriftfarbe auf Hintergrund seashell. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #f5f5f5 und seashell ergibt sich zu 95.17%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 4.83%.

Hintergrundfarbe seashell				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#fff9f5	#fff9f5	#918c88	#918c88	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#fffaf7	#fffaf7	#6d6966	#6d6966	#fafafa	#fafafa	#696969	#696969
#fffcfa	#fffcfa	#484644	#484644	#fcfcfc	#fcfcfc	#464646	#464646
#fffdfc	#fffdfc	#242322	#242322	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seashell und Farbwert #f5f5f5

Wechsel der Hintergrundfarbe bei Hover von Befehl q

Die Hintergrundfarbe soll sich von Farbe seashell auf Farbwert #f5f5f5 ändern, wenn man mit der Maus auf <q> zeigt. Wir bereiten zunächst die Formatierung von <q> in Farbe seashell vor.

Wir legen zum Beispiel bei <q> die Hintergrundfarbe auf Farbe seashell fest:

<style type="text/css"><!--
  q { 
    background-color: seashell;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #f5f5f5 geändert wird.

<style type="text/css"><!--
  q: hover { 
    background-color: #f5f5f5;
  }
//-->
</style>

Die Beschreibung vom hier gezeigten HTML-Tag q lesen Sie in der HTML Referenz unter <q>.

Zebra-Effekt von Tag th

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

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

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ung">XA-A</td><td class="ger">XB-A</td><td class="ung">XC-A</td></tr>
<tr><td class="ung">XA-B</td><td class="ger">XB-B</td><td class="ung">XC-B</td></tr>
<tr><td class="ung">XA-C</td><td class="ger">XB-C</td><td class="ung">XC-C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Einzelheiten des hier genutzten HTML-Tag th sind in der HTML Referenz bei <th> gezeigt.