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

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 #faf0e6
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #faf0e6
Farbwert	:	#2e8b57	Farbwert	:	#faf0e6
Farbe	:	seagreen	Farbe	:	linen
HTML	:	#2e8b57	HTML	:	#faf0e6
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#faf0e6
CSS	:	#2e8b57	CSS	:	#faf0e6
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #faf0e6
#2e8b57	#4b996b	#68a77f	#85b694	#a2c4a8	#bfd3bd	#dce1d1	#faf0e6
#2e8b57	#4b996b	#68a77f	#85b694	#a2c4a8	#bfd3bd	#dce1d1	#faf0e6

Kombination von #2e8b57 und #faf0e6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #2e8b57 ist #faf0e6 ungeeignet, weil der Unterschied in den Farben zu gering ist Die Ähnlichkeit von #faf0e6 und #2e8b57 beträgt 82.03%. Die Lesbarkeit dieser Kombination bewerte ich mit 17.97%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #faf0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#4b9b6f	#4b9b6f	#27774a	#27774a	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#69ac87	#69ac87	#20633e	#20633e	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#a5cdb7	#a5cdb7	#133b25	#133b25	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fdfaf7	#fdfaf7	#474441	#474441
#e1eee7	#e1eee7	#06130c	#06130c	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von Tag h1

Mit Befehl <h1> wird eine Überschrift gesetzt. Diese können Sie farblich gestalten.

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

Wir ändern hier die Textfarbe von <h1> auf Farbwert #2e8b57. Die Größe der Schrift setzen wir auf 13pt:

<style type="text/css"><!--
  h1 { 
    font-size:13pt; 
    color:#2e8b57;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #faf0e6 ändert.

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

Mehr zum Thema h1 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom hier genutzten HTML-Befehl <h1>.

Text- und Unterstreichungsfarben mit Tag a

Ein Verweis wird mit Befehl <a> erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #faf0e6. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbwert #2e8b57. Das ist in HTML kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    color:#faf0e6; 
    font-size:13px; 
    font-family:arial; 
    border-bottom:4px ridge #2e8b57;
  }
//-->
</style>

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum hier genutzten HTML-Befehl a ist in der HTML Referenz unter <a> gezeigt.