Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkturquoise

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 darkturquoise
Detail	:	Hintergrundfarbe darkturquoise	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	darkturquoise	#00ced1	#00ced1	#00ced1	#00ced1
Farbwert	:	#00ced1	#24d5d7	#24d5d7	#00b0b3	#00b0b3
HTML	:	darkturquoise	#48dcde	#48dcde	#009395	#009395
CSS	:	darkturquoise	#6de3e4	#6de3e4	#007577	#007577
CSS (Wert)	:	#00ced1	#91eaeb	#91eaeb	#005859	#005859
CSS (kürzest)	:	#00ced1	#b6f1f1	#b6f1f1	#003a3b	#003a3b
CSS (RGB)	:	rgb(0,206,209)	#daf8f8	#daf8f8	#001d1d	#001d1d
CSS (%RGB)	:	rgb(0%,80%,81%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe darkturquoise

Änderung der Textfarbe bei Hover bei HTML-Befehl colgroup

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

Dafür stellen wir <colgroup> so ein, dass sich bei Mausberührung die Textfarbe auf Farbe darkturquoise ändert.

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

Weiteres zu colgroup lesen Sie in Tabellen in HTML. Der Tag colgroup ist in der HTML Referenz unter <colgroup> beschrieben.

Farbige Unterstreichung mit Tag h3

Mit Tag <h3> wird eine Überschrift der 3. Stufe gesetzt und kann farblich gestaltet werden.

Hier unterstreichen wir <h3> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbe darkturquoise. Das ist in HTML nicht möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  h3 { border-bottom:5px double darkturquoise; }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zu h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten HTML-Tag h3 ist in der HTML Referenz bei <h3> zusammengestellt.