Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbe moccasin

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 #a0522d			Schriftfarbe moccasin
Detail	:	Hintergrund #a0522d	Detail	:	Schrift moccasin
Farbwert	:	#a0522d	Farbe	:	moccasin
Farbe	:	sienna	Farbwert	:	#ffe4b5
HTML	:	#a0522d	HTML	:	moccasin
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#ffe4b5
CSS	:	#a0522d	CSS	:	moccasin
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbe moccasin
#a0522d	#ad6640	#bb7b53	#c89067	#d6a57a	#e3ba8e	#f1cfa1	#ffe4b5
#a0522d	#ad6640	#bb7b53	#c89067	#d6a57a	#e3ba8e	#f1cfa1	#ffe4b5

Kombination von #a0522d und moccasin
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #a0522d ist moccasin ungeeignet, da die Farben zu ähnlich sind. Die Ähnlichkeit der Farben moccasin und #a0522d ergibt sich zu 78.33%. Die Lesbarkeit dieser Farbkombination liegt damit bei 21.67%.

Hintergrundfarbwert #a0522d				Schriftfarbe moccasin
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#ad6a4b	#ad6a4b	#894626	#894626	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#bb8369	#bb8369	#723a20	#723a20	#ffebca	#ffebca	#b6a281	#b6a281
#c89c87	#c89c87	#5b2e19	#5b2e19	#ffefd4	#ffefd4	#918267	#918267
#d6b4a5	#d6b4a5	#442313	#442313	#fff3df	#fff3df	#6d614d	#6d614d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#fff7e9	#fff7e9	#484133	#484133
#f1e6e1	#f1e6e1	#160b06	#160b06	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbe moccasin

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl input

Die Hintergrundfarbe soll sich von Farbwert #a0522d auf Farbe moccasin ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <input> in Farbwert #a0522d vor.

In diesem Beispiel legen wir bei <input> die Hintergrundfarbe auf Farbwert #a0522d fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  input { 
    background-color:#a0522d; 
    font-size:13px; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu moccasin ändert.

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

Weiteres zum Thema input erfahren Sie in Formulare in HTML. Einzelheiten vom HTML-Tag input sind in der HTML Referenz unter <input> genau beschrieben.

Text- und Unterstreichungsfarben bei Befehl blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbe moccasin. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße verkleinern wir auf 81%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbwert #a0522d. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    border-bottom:3pt dotted #a0522d; 
    font-size:81%; 
    color:moccasin; 
    font-family:sans-serif;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum HTML-Befehl blockquote lesen Sie in der HTML Referenz unter <blockquote>.