Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #dcdcdc

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 #2e8b57			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #dcdcdc
Farbwert	:	#2e8b57	Farbwert	:	#dcdcdc
Farbe	:	seagreen	Farbe	:	gainsboro
HTML	:	#2e8b57	HTML	:	#dcdcdc
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#dcdcdc
CSS	:	#2e8b57	CSS	:	#dcdcdc
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #dcdcdc
#2e8b57	#46966a	#5fa27d	#78ad90	#91b9a3	#aac4b6	#c3d0c9	#dcdcdc
#2e8b57	#46966a	#5fa27d	#78ad90	#91b9a3	#aac4b6	#c3d0c9	#dcdcdc

Kombination von #2e8b57 und #dcdcdc
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. Cras id velit ante.				#dcdcdc ist nicht als Schriftfarbe auf Hintergrund #2e8b57 geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #dcdcdc und #2e8b57 beträgt 85.26%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.74%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#4b9b6f	#4b9b6f	#27774a	#27774a	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#69ac87	#69ac87	#20633e	#20633e	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#a5cdb7	#a5cdb7	#133b25	#133b25	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#e1eee7	#e1eee7	#06130c	#06130c	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2e8b57 und Farbwert #dcdcdc

Wechsel der Umrandung bei Hover mit HTML-Tag address

Die Rahmenfarbe soll sich von Farbwert #2e8b57 auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <address> in Farbwert #2e8b57 vor.

In diesem Beispiel umranden wir <address> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #2e8b57.

<style type="text/css"><!--
  address { 
    border-color: #2e8b57; 
    border-style: dashed; 
    border-width: 4px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #dcdcdc gesetzt wird.

<style type="text/css"><!--
  address: hover { 
    border-color: #dcdcdc;
  }
//-->
</style>

Mehr zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier gezeigten Befehl address sind in der HTML Referenz unter <address> genau gezeigt.

Wechsel der Textfarbe bei Hover mit Befehl em

Die Textfarbe soll sich von Farbwert #2e8b57 auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <em> in Farbwert #2e8b57 vor.

Hier legen wir Farbwert #2e8b57 als Textfarbe von <em> fest:

<style type="text/css"><!--
  em { 
    color:#2e8b57;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #dcdcdc gesetzt wird.

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

Mehr zum Thema em lesen Sie in Text in HTML. Weiteres zum HTML-Befehl em ist in der HTML Referenz unter <em> ausführlich beschrieben.