Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe teal

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 teal
Detail	:	Hintergrundfarbe teal	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	teal	#008080	#008080	#008080	#008080
Farbwert	:	#008080	#249292	#249292	#006d6d	#006d6d
HTML	:	teal	#48a4a4	#48a4a4	#005b5b	#005b5b
CSS	:	teal	#6db6b6	#6db6b6	#004949	#004949
CSS (Wert)	:	#008080	#91c8c8	#91c8c8	#003636	#003636
CSS (kürzest)	:	#008080	#b6dada	#b6dada	#002424	#002424
CSS (RGB)	:	rgb(0,128,128)	#daecec	#daecec	#001212	#001212
CSS (%RGB)	:	rgb(0%,50%,50%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe teal

Änderung der Textfarbe bei Hover bei HTML-Tag blockquote

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

<style type="text/css"><!--
  blockquote { 
    font-family:arial; 
    font-size:11px; 
    color:#e932ba;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe teal gesetzt wird.

<style type="text/css"><!--
  blockquote:hover { 
    color:teal;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Einzelheiten vom hier gezeigten Befehl <blockquote>.

Änderung der Hintergrundfarbe bei Hover von Tag h6

Eine Überschrift erzeugt man mit HTML-Befehl <h6>. Diese können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <h6> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe teal geändert wird.

<style type="text/css"><!--
  h6: hover { 
    background-color: teal;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der hier gezeigte HTML-Befehl h6 ist in der HTML Referenz unter <h6> zusammengestellt.