Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe seagreen

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
Detail	:	Hintergrundfarbe seagreen	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	seagreen	#2e8b57	#2e8b57	#2e8b57	#2e8b57
Farbwert	:	#2e8b57	#4b9b6f	#4b9b6f	#27774a	#27774a
HTML	:	seagreen	#69ac87	#69ac87	#20633e	#20633e
CSS	:	seagreen	#87bc9f	#87bc9f	#1a4f31	#1a4f31
CSS (Wert)	:	#2e8b57	#a5cdb7	#a5cdb7	#133b25	#133b25
CSS (kürzest)	:	#2e8b57	#c3ddcf	#c3ddcf	#0d2718	#0d2718
CSS (RGB)	:	rgb(46,139,87)	#e1eee7	#e1eee7	#06130c	#06130c
CSS (%RGB)	:	rgb(18%,54%,34%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe seagreen

Änderung der Textfarbe bei Befehl pre

Wir ändern in diesem Beispiel bei <pre> die Textfarbe auf Farbe seagreen. Die Größe der Schrift setzen wir auf 12px.

<pre style="font-size:12px; color:seagreen;">
Dieser Text nutzt Farbe seagreen
</pre>

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom HTML-Befehl pre erfahren Sie in der HTML Referenz unter <pre>.

Änderung der Unterstreichung bei Hover bei HTML-Befehl h4

Mit HTML-Tag <h4> wird eine Überschrift gesetzt. Diese können Sie hervorheben und farblich gestalten.

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <h4> vor.

<style type="text/css"><!--
  h4 { border-bottom:3px dotted #f3ba61; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbe seagreen gesetzt wird.

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

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text ist überhaupt nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu h4 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl h4 sind in der HTML Referenz unter <h4> genau beschrieben.