Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbe rosybrown

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 #a0522d			Schriftfarbe rosybrown
Detail	:	Hintergrund #a0522d	Detail	:	Schrift rosybrown
Farbwert	:	#a0522d	Farbe	:	rosybrown
Farbe	:	sienna	Farbwert	:	#bc8f8f
HTML	:	#a0522d	HTML	:	rosybrown
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#bc8f8f
CSS	:	#a0522d	CSS	:	rosybrown
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbe rosybrown
#a0522d	#a45a3b	#a86349	#ac6c57	#b07465	#b47d73	#b88681	#bc8f8f
#a0522d	#a45a3b	#a86349	#ac6c57	#b07465	#b47d73	#b88681	#bc8f8f

Kombination von #a0522d und rosybrown
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				rosybrown eignet sich nicht als Schriftfarbe auf Hintergrund #a0522d, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben rosybrown und #a0522d ergibt sich zu 90.50%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.50%.

Hintergrundfarbwert #a0522d				Schriftfarbe rosybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#ad6a4b	#ad6a4b	#894626	#894626	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#bb8369	#bb8369	#723a20	#723a20	#cfafaf	#cfafaf	#866666	#866666
#c89c87	#c89c87	#5b2e19	#5b2e19	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#d6b4a5	#d6b4a5	#442313	#442313	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#ebdfdf	#ebdfdf	#352828	#352828
#f1e6e1	#f1e6e1	#160b06	#160b06	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbe rosybrown

Wechsel der Umrandung bei Hover von HTML-Tag input

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

In diesem Beispiel umranden wir <input> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #a0522d.

<style type="text/css"><!--
  input { border:3px dotted #a0522d; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf rosybrown ändert.

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

Mehr zu input finden Sie in Formulare in HTML. Die Beschreibung des Befehl input lesen Sie in der HTML Referenz unter <input>.

Hintergrund/Text-Kombination bei Tag tfoot

Wir ändern hier die Textfarbe von <tfoot> auf Farbe rosybrown und die Hintergrundfarbe von <tfoot> auf Farbwert #a0522d. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 118%.

<style type="text/css"><!--
  tfoot { 
    font-family: monospace; 
    color: rosybrown; 
    font-size: 118%; 
    background-color: #a0522d;
  }
//-->
</style>

Weiteres zum Thema tfoot erfahren Sie in Tabellen in HTML. Mehr zum Tag tfoot erfahren Sie in der HTML Referenz unter <tfoot>.