Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe sienna

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 sienna
Detail	:	Hintergrundfarbe sienna	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	sienna	#a0522d	#a0522d	#a0522d	#a0522d
Farbwert	:	#a0522d	#ad6a4b	#ad6a4b	#894626	#894626
HTML	:	sienna	#bb8369	#bb8369	#723a20	#723a20
CSS	:	sienna	#c89c87	#c89c87	#5b2e19	#5b2e19
CSS (Wert)	:	#a0522d	#d6b4a5	#d6b4a5	#442313	#442313
CSS (kürzest)	:	#a0522d	#e3cdc3	#e3cdc3	#2d170c	#2d170c
CSS (RGB)	:	rgb(160,82,45)	#f1e6e1	#f1e6e1	#160b06	#160b06
CSS (%RGB)	:	rgb(62%,32%,17%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe sienna

Änderung der Hintergrundfarbe bei Hover bei HTML-Befehl tbody

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

Als Beispiel legen wir Farbe sienna als Hintergrundfarbe von <tbody> fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf sans-serif und ändern die Schriftgröße auf 14pt:

<style type="text/css"><!--
  tbody { 
    background-color: #188b1f; 
    font-family: sans-serif; 
    font-size: 14pt;
  }
//-->
</style>

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

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

Mehr zum Thema tbody lesen Sie in Tabellen in HTML. Zur Beschreibung des Befehl <tbody>.

Umrandung von HTML-Befehl strong

In diesem Beispiel umranden wir <strong> mit einem 3 Pixel dicken, doppelten Rahmen in Farbe sienna. In HTML ist das kaum machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  strong { 
    border-style: double; 
    border-color: sienna; 
    border-width: 3px;
  }
//-->
</style>

Mehr zum Thema strong können Sie in Text in HTML nachsehen. Mehr zum hier genutzten HTML-Tag strong ist in der HTML Referenz unter <strong> ausführlich zusammengestellt.