Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #4682b4

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 seagreen			Schriftfarbwert #4682b4
Detail	:	Hintergrund seagreen	Detail	:	Schrift #4682b4
Farbe	:	seagreen	Farbwert	:	#4682b4
Farbwert	:	#2e8b57	Farbe	:	steelblue
HTML	:	seagreen	HTML	:	#4682b4
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#4682b4
CSS	:	seagreen	CSS	:	#4682b4
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#4682b4
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#4682b4
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(70,130,180)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(27%,50%,70%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #4682b4
#2e8b57	#318964	#348871	#38877e	#3b858c	#3f8499	#4283a6	#4682b4
#2e8b57	#318964	#348871	#38877e	#3b858c	#3f8499	#4283a6	#4682b4

Kombination von seagreen und #4682b4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#4682b4 ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #4682b4 und seagreen beträgt 95.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.92%.

Hintergrundfarbe seagreen				Schriftfarbwert #4682b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#4682b4	#4682b4	#4682b4	#4682b4
#4b9b6f	#4b9b6f	#27774a	#27774a	#6093be	#6093be	#3c6f9a	#3c6f9a
#69ac87	#69ac87	#20633e	#20633e	#7aa5c9	#7aa5c9	#325c80	#325c80
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#95b7d4	#95b7d4	#284a66	#284a66
#a5cdb7	#a5cdb7	#133b25	#133b25	#afc9de	#afc9de	#1e374d	#1e374d
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#cadbe9	#cadbe9	#142533	#142533
#e1eee7	#e1eee7	#06130c	#06130c	#e4edf4	#e4edf4	#0a1219	#0a1219
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #4682b4

Wechsel der Hintergrundfarbe bei Hover bei Befehl var

Die Hintergrundfarbe soll sich von Farbe seagreen auf Farbwert #4682b4 ändern, wenn man mit der Maus auf <var> zeigt. Bereiten wir zunächst die Darstellung von <var> in Farbe seagreen vor.

Hier setzen wir die Hintergrundfarbe von <var> auf Farbe seagreen:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #4682b4 ändert.

<style type="text/css"><!--
  var:hover { 
    background-color:#4682b4;
  }
//-->
</style>

Mehr zum Thema var können Sie in Text in HTML lesen. Die Beschreibung vom hier gezeigten HTML-Tag var finden Sie in der HTML Referenz unter <var>.

Wechsel der Umrandung bei Hover mit HTML-Befehl s

Die Rahmenfarbe soll sich von Farbe seagreen auf Farbwert #4682b4 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbe seagreen vor.

In diesem Beispiel umranden wir <s> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe seagreen.

<style type="text/css"><!--
  s { 
    border-color:seagreen; 
    border-width:4px; 
    border-style:groove;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #4682b4 ändert.

<style type="text/css"><!--
  s:hover { 
    border-color:#4682b4;
  }
//-->
</style>

Weiteres zum Thema s können Sie in Text in HTML nachlesen. Weiteres zum Tag <s>.