Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #6a5acd

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.

Hintergrundfarbe seagreen			Schriftfarbwert #6a5acd
Detail	:	Hintergrund seagreen	Detail	:	Schrift #6a5acd
Farbe	:	seagreen	Farbwert	:	#6a5acd
Farbwert	:	#2e8b57	Farbe	:	slateblue
HTML	:	seagreen	HTML	:	#6a5acd
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#6a5acd
CSS	:	seagreen	CSS	:	#6a5acd
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #6a5acd
#2e8b57	#368467	#3f7d78	#477689	#506f9a	#5868ab	#6161bc	#6a5acd
#2e8b57	#368467	#3f7d78	#477689	#506f9a	#5868ab	#6161bc	#6a5acd

Kombination von seagreen und #6a5acd
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund seagreen ist #6a5acd ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #6a5acd und seagreen beträgt 94.05%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.95%.

Hintergrundfarbe seagreen				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#4b9b6f	#4b9b6f	#27774a	#27774a	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#69ac87	#69ac87	#20633e	#20633e	#9489db	#9489db	#4b4092	#4b4092
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#a5cdb7	#a5cdb7	#133b25	#133b25	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#d4cff0	#d4cff0	#1e193a	#1e193a
#e1eee7	#e1eee7	#06130c	#06130c	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #6a5acd

Füllen und Umranden bei HTML-Tag var

Bei diesem Beispiel umranden wir <var> mit einem gestrichelten, 3 Punkte dicken Rahmen in Farbwert #6a5acd . Den Hintergrund von <var> färben wir mit Farbe seagreen. In HTML ist das kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  var { border:3pt dashed #6a5acd; background-color:seagreen; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Beschreibung vom Befehl <var>.

Wechsel der Textfarbe bei Hover von Tag h4

Eine Überschrift der 4. Stufe erzeugen Sie mit Befehl <h4>. Sie kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #6a5acd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h4> in Farbe seagreen vor.

Für dieses Beispiel setzen wir bei <h4> die Textfarbe auf Farbe seagreen.

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

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

<style type="text/css"><!--
  h4: hover { 
    color: #6a5acd;
  }
//-->
</style>

Weiteres zum Thema h4 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des hier verwendeten Befehl <h4>.