Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbe seagreen

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			Schriftfarbe seagreen
Detail	:	Hintergrund deeppink	Detail	:	Schrift seagreen
Farbe	:	deeppink	Farbe	:	seagreen
Farbwert	:	#ff1493	Farbwert	:	#2e8b57
HTML	:	deeppink	HTML	:	seagreen
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#2e8b57
CSS	:	deeppink	CSS	:	seagreen
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbe seagreen
#ff1493	#e1258a	#c33681	#a54779	#875870	#696968	#4b7a5f	#2e8b57
#ff1493	#e1258a	#c33681	#a54779	#875870	#696968	#4b7a5f	#2e8b57

Kombination von deeppink und seagreen
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				seagreen eignet sich nicht als Schriftfarbe auf Hintergrund deeppink. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben seagreen und deeppink beträgt 94.44%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.56%.

Hintergrundfarbe deeppink				Schriftfarbe seagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#ff35a2	#ff35a2	#da117e	#da117e	#4b9b6f	#4b9b6f	#27774a	#27774a
#ff57b1	#ff57b1	#b60e69	#b60e69	#69ac87	#69ac87	#20633e	#20633e
#ff78c1	#ff78c1	#910b54	#910b54	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#a5cdb7	#a5cdb7	#133b25	#133b25
#ffbbe0	#ffbbe0	#48052a	#48052a	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#ffddef	#ffddef	#240215	#240215	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbe seagreen

Wechsel der Umrandung bei Hover mit Tag em

Die Rahmenfarbe soll sich von Farbe deeppink auf Farbe seagreen ändern, wenn man mit der Maus auf <em> zeigt. Bereiten wir zunächst eine Darstellung von <em> in Farbe deeppink vor.

In diesem Beispiel umranden wir <em> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe deeppink.

<style type="text/css"><!--
  em { border:2px double deeppink; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf seagreen ändert.

<style type="text/css"><!--
  em: hover { 
    border-color: seagreen;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum Tag <em>.

Wechsel der Hintergrundfarbe bei Hover von Tag dt

Die Hintergrundfarbe soll sich von Farbe deeppink auf Farbe seagreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbe deeppink vor.

Wir setzen in diesem Beispiel bei <dt> die Hintergrundfarbe auf Farbe deeppink. Die Schriftgröße setzen wir auf 98%.

<style type="text/css"><!--
  dt { 
    background-color: deeppink; 
    font-size: 98%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu seagreen ändert.

<style type="text/css"><!--
  dt: hover { 
    background-color: seagreen;
  }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML lesen. Einzelheiten des HTML-Tag <dt>.