Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbwert #ffdead

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 deeppink			Schriftfarbwert #ffdead
Detail	:	Hintergrund deeppink	Detail	:	Schrift #ffdead
Farbe	:	deeppink	Farbwert	:	#ffdead
Farbwert	:	#ff1493	Farbe	:	navajowhite
HTML	:	deeppink	HTML	:	#ffdead
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#ffdead
CSS	:	deeppink	CSS	:	#ffdead
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbwert #ffdead
#ff1493	#ff3096	#ff4d9a	#ff6a9e	#ff87a1	#ffa4a5	#ffc1a9	#ffdead
#ff1493	#ff3096	#ff4d9a	#ff6a9e	#ff87a1	#ffa4a5	#ffc1a9	#ffdead

Kombination von deeppink und #ffdead
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 #ffdead und deeppink beträgt 86.55%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.45%. #ffdead eignet sich nicht als Schriftfarbe auf Hintergrund deeppink. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe deeppink				Schriftfarbwert #ffdead
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#ffdead	#ffdead	#ffdead	#ffdead
#ff35a2	#ff35a2	#da117e	#da117e	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#ff57b1	#ff57b1	#b60e69	#b60e69	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#ff78c1	#ff78c1	#910b54	#910b54	#ffecd0	#ffecd0	#917e62	#917e62
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#ffbbe0	#ffbbe0	#48052a	#48052a	#fff5e7	#fff5e7	#483f31	#483f31
#ffddef	#ffddef	#240215	#240215	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbwert #ffdead

Zebra-Effekt mit HTML-Tag th

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbe deeppink und Farbwert #ffdead.

<style type="text/css"><!--
  th.even { 
    background-color: deeppink;
  }
  th.odd { 
    background-color: #ffdead;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="even"><tt>a/a</td><td class="odd"></tt>b/a</td><td class="even"><tt>c/a</td></tr>
<tr><td class="even"></tt>a/b</td><td class="odd"><tt>b/b</td><td class="even"></tt>c/b</td></tr>
<tr><td class="even"><tt>a/c</td><td class="odd"></tt>b/c</td><td class="even">@c/c</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.

Wechsel der Textfarbe bei Hover mit Tag cite

Die Textfarbe soll sich von Farbe deeppink auf Farbwert #ffdead ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <cite> in Farbe deeppink vor.

Wir ändern für dieses Beispiel bei <cite> die Textfarbe auf Farbe deeppink. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf courier new und verringern die Schriftgröße auf 93%:

<style type="text/css"><!--
  cite { 
    font-family: courier new; 
    color: deeppink; 
    font-size: 93%;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #ffdead geändert wird.

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

Mehr zum Tag <cite>.