Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #708090

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.

Hintergrundfarbwert #2e8b57			Schriftfarbwert #708090
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #708090
Farbwert	:	#2e8b57	Farbwert	:	#708090
Farbe	:	seagreen	Farbe	:	slategray
HTML	:	#2e8b57	HTML	:	#708090
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#708090
CSS	:	#2e8b57	CSS	:	#708090
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#708090
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #708090
#2e8b57	#37895f	#408767	#4a866f	#538477	#5d837f	#668187	#708090
#2e8b57	#37895f	#408767	#4a866f	#538477	#5d837f	#668187	#708090

Kombination von #2e8b57 und #708090
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #2e8b57 ist #708090 ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #708090 und #2e8b57 beträgt 95.01%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.99%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#708090	#708090	#708090	#708090
#4b9b6f	#4b9b6f	#27774a	#27774a	#84929f	#84929f	#606d7b	#606d7b
#69ac87	#69ac87	#20633e	#20633e	#98a4af	#98a4af	#505b66	#505b66
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#adb6bf	#adb6bf	#404952	#404952
#a5cdb7	#a5cdb7	#133b25	#133b25	#c1c8cf	#c1c8cf	#30363d	#30363d
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#d6dadf	#d6dadf	#202429	#202429
#e1eee7	#e1eee7	#06130c	#06130c	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Text- und Unterstreichungsfarben mit Tag s

In diesem Beispiel ändern wir die Textfarbe von <s> auf Farbwert #708090 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <s> mit Hilfe eines doppelten Rahmens mit 2 Punkte Dicke in Farbwert #2e8b57. Mit HTML ist das nicht machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  s { 
    font-size: 13px; 
    border-bottom-width: 2pt; 
    border-bottom-color: #2e8b57; 
    border-bottom-style: double; 
    color: #708090; 
    font-family: arial;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu s können Sie in Text in HTML nachsehen. Weiteres zum Tag s ist in der HTML Referenz unter <s> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover von Tag hr

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

In diesem Beispiel umranden wir <hr> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #2e8b57.

<style type="text/css"><!--
  hr { border:2px groove #2e8b57; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #708090 ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten des Tag <hr>.