Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe moccasin

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 moccasin
Detail	:	Hintergrundfarbe moccasin	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	moccasin	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
Farbwert	:	#ffe4b5	#ffe7bf	#ffe7bf	#dac39b	#dac39b
HTML	:	moccasin	#ffebca	#ffebca	#b6a281	#b6a281
CSS	:	moccasin	#ffefd4	#ffefd4	#918267	#918267
CSS (Wert)	:	#ffe4b5	#fff3df	#fff3df	#6d614d	#6d614d
CSS (kürzest)	:	#ffe4b5	#fff7e9	#fff7e9	#484133	#484133
CSS (RGB)	:	rgb(255,228,181)	#fffbf4	#fffbf4	#242019	#242019
CSS (%RGB)	:	rgb(100%,89%,70%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe moccasin

Änderung der Hintergrundfarbe mit Tag button

Wir legen z.B. die Hintergrundfarbe von <button> auf Farbe moccasin fest:

<button style="background-color:moccasin;">
Hintergrund hat Farbe moccasin
</button>

Mehr zum Thema button finden Sie in Formulare in HTML. Einzelheiten vom HTML-Befehl button sind in der HTML Referenz unter <button> genau zusammengestellt.

Änderung der Textfarbe bei Hover von HTML-Tag pre

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

<style type="text/css"><!--
  pre { 
    color: #08ebd8; 
    font-family: monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe moccasin gesetzt wird.

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

Mehr zu pre finden Sie in Blockorientierte Elemente in HTML. Der hier genutzte Befehl pre ist in der HTML Referenz bei <pre> genau zusammengestellt.