Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe cadetblue

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 cadetblue
Detail	:	Hintergrundfarbe cadetblue	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	cadetblue	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
Farbwert	:	#5f9ea0	#75abad	#75abad	#518789	#518789
HTML	:	cadetblue	#8cb9bb	#8cb9bb	#437072	#437072
CSS	:	cadetblue	#a3c7c8	#a3c7c8	#365a5b	#365a5b
CSS (Wert)	:	#5f9ea0	#bad5d6	#bad5d6	#284344	#284344
CSS (kürzest)	:	#5f9ea0	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
CSS (RGB)	:	rgb(95,158,160)	#e8f1f1	#e8f1f1	#0d1616	#0d1616
CSS (%RGB)	:	rgb(37%,61%,62%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe cadetblue

Änderung der Hintergrundfarbe bei Hover mit Tag p

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

Zum Beispiel legen wir Farbe cadetblue als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  p { 
    font-family:sans-serif; 
    background-color:#f56259;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe cadetblue gesetzt wird.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung vom HTML-Befehl p erfahren Sie in der HTML Referenz unter <p>.

Farbige Unterstreichung bei HTML-Befehl address

Hier unterstreichen wir <address> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe cadetblue. In HTML geht das nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  address { border-bottom:4px groove cadetblue; }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Links. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text ist überhaupt nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten HTML-Befehl address ist in der HTML Referenz bei <address> ausführlich gezeigt.