Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #8fbc8f

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 #8fbc8f
Detail	:	Hintergrundfarbwert #8fbc8f	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
Farbe	:	darkseagreen	#9fc59f	#9fc59f	#7aa17a	#7aa17a
HTML	:	#8fbc8f	#afcfaf	#afcfaf	#668666	#668666
CSS	:	#8fbc8f	#bfd8bf	#bfd8bf	#516b51	#516b51
CSS (Wert)	:	#8fbc8f	#cfe2cf	#cfe2cf	#3d503d	#3d503d
CSS (kürzest)	:	#8fbc8f	#dfebdf	#dfebdf	#283528	#283528
CSS (RGB)	:	rgb(143,188,143)	#eff5ef	#eff5ef	#141a14	#141a14
CSS (%RGB)	:	rgb(56%,73%,56%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #8fbc8f

Änderung der Unterstreichung bei Hover bei Befehl h1

Eine Überschrift wird mit Befehl <h1> gesetzt. Diese kann farblich gestaltet und hervorgehoben werden.

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

<style type="text/css"><!--
  h1 { border-bottom:1px outset #59f63c; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #8fbc8f gesetzt wird.

<style type="text/css"><!--
  h1: hover { 
    border-bottom-color: #8fbc8f;
  }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "normale" Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom Tag <h1>.

Änderung der Hintergrundfarbe von Tag h5

Mit HTML-Tag <h5> setzen Sie eine Überschrift der 5. Stufe. Diese können Sie farblich gestalten und hervorheben.

Wir setzen in diesem Beispiel die Hintergrundfarbe von <h5> auf Farbwert #8fbc8f. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf courier new und setzen die Größe der Schrift auf 11px:

<h5 style="font-family:courier new; background-color:#8fbc8f; font-size:11px;">
Hintergrund nutzt Farbwert #8fbc8f
</h5>

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum HTML-Tag h5 finden Sie in der HTML Referenz unter <h5>.