Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #66cdaa

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 #66cdaa
Detail	:	Hintergrundfarbwert #66cdaa	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#66cdaa	#66cdaa	#66cdaa	#66cdaa	#66cdaa
Farbe	:	mediumaquamarine	#7bd4b6	#7bd4b6	#57af91	#57af91
HTML	:	#66cdaa	#91dbc2	#91dbc2	#489279	#489279
CSS	:	#66cdaa	#a7e2ce	#a7e2ce	#3a7561	#3a7561
CSS (Wert)	:	#66cdaa	#bde9da	#bde9da	#2b5748	#2b5748
CSS (kürzest)	:	#66cdaa	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
CSS (RGB)	:	rgb(102,205,170)	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
CSS (%RGB)	:	rgb(40%,80%,66%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #66cdaa

Änderung der Textfarbe bei Hover von Befehl dt

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

<style type="text/css"><!--
  dt { 
    color:#cec586; 
    font-family:arial; 
    font-size:84%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #66cdaa gesetzt wird.

<style type="text/css"><!--
  dt:hover { 
    color:#66cdaa;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachlesen. Der hier gezeigte HTML-Befehl dt ist in der HTML Referenz unter <dt> ausführlich beschrieben.

Farbige Unterstreichung mit Befehl address

In diesem Beispiel unterstreichen wir <address> mit einem gezahnten Rahmen mit 5 Pixel Dicke in Farbwert #66cdaa. In HTML ist das nicht möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  address { border-bottom:5px ridge #66cdaa; }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie das bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist jedoch keine wirkliche Unterstreichung, der Text ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Weiteres zum HTML-Tag address ist in der HTML Referenz unter <address> genau beschrieben.