Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #f4a460

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.

Hintergrundfarbwert #f4a460
Detail	:	Hintergrundfarbwert #f4a460	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#f4a460	#f4a460	#f4a460	#f4a460	#f4a460
Farbe	:	sandybrown	#f5b176	#f5b176	#d18c52	#d18c52
HTML	:	#f4a460	#f7be8d	#f7be8d	#ae7544	#ae7544
CSS	:	#f4a460	#f8cba4	#f8cba4	#8b5d36	#8b5d36
CSS (Wert)	:	#f4a460	#fad8ba	#fad8ba	#684629	#684629
CSS (kürzest)	:	#f4a460	#fbe5d1	#fbe5d1	#452e1b	#452e1b
CSS (RGB)	:	rgb(244,164,96)	#fdf2e8	#fdf2e8	#22170d	#22170d
CSS (%RGB)	:	rgb(95%,64%,37%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #f4a460

Änderung der Unterstreichung bei Hover mit HTML-Tag q

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

Dafür stellen wir <q> so ein, dass sich bei Mausberührung die Farbe der Unterstreichung auf Farbwert #f4a460 ändert.

<style type="text/css"><!--
  q: hover { 
    border-bottom-color: #f4a460;
  }
//-->
</style>

Mehr zum hier gezeigten Tag q erfahren Sie in der HTML Referenz unter <q>.

Änderung der Hintergrundfarbe bei Hover mit HTML-Tag center

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

Als Beispiel setzen wir bei <center> die Hintergrundfarbe auf Farbwert #f4a460 und erhöhen die Größe der Schrift auf 114%.

<style type="text/css"><!--
  center { 
    font-size: 114%; 
    background-color: #6b550e;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #f4a460 gesetzt wird.

<style type="text/css"><!--
  center: hover { 
    background-color: #f4a460;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum HTML-Tag center erfahren Sie in der HTML Referenz unter <center>.