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

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			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund #a0522d	Detail	:	Schrift #bc8f8f
Farbwert	:	#a0522d	Farbwert	:	#bc8f8f
Farbe	:	sienna	Farbe	:	rosybrown
HTML	:	#a0522d	HTML	:	#bc8f8f
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#bc8f8f
CSS	:	#a0522d	CSS	:	#bc8f8f
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 Schriftfarbwert #bc8f8f
#a0522d	#a45a3b	#a86349	#ac6c57	#b07465	#b47d73	#b88681	#bc8f8f
#a0522d	#a45a3b	#a86349	#ac6c57	#b07465	#b47d73	#b88681	#bc8f8f

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

Hintergrundfarbwert #a0522d				Schriftfarbwert #bc8f8f
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 Farbwert #bc8f8f

Text- und Unterstreichungsfarben mit HTML-Befehl strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #bc8f8f und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 13pt. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines gestrichelten Rahmens mit 1 Punkte Dicke in Farbwert #a0522d. Mit HTML ist dies nicht machbar. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  strong { 
    color:#bc8f8f; 
    font-size:13pt; 
    font-family:verdana; 
    border-bottom-width:1pt; 
    border-bottom-color:#a0522d; 
    border-bottom-style:dashed;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Text in HTML lesen. Beschreibung vom hier genutzten HTML-Befehl <strong>.

Wechsel der Umrandung bei Hover von HTML-Tag tfoot

Die Rahmenfarbe soll sich von Farbwert #a0522d auf Farbwert #bc8f8f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <tfoot> in Farbwert #a0522d vor.

In diesem Beispiel umranden wir <tfoot> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #a0522d.

<style type="text/css"><!--
  tfoot { 
    border-style: groove; 
    border-width: 2px; 
    border-color: #a0522d;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #bc8f8f geändert wird.

<style type="text/css"><!--
  tfoot:hover { 
    border-color:#bc8f8f;
  }
//-->
</style>

Mehr zum Thema tfoot können Sie in Tabellen in HTML erfahren. Möglichkeiten des hier genutzten HTML-Befehl tfoot sind in der HTML Referenz bei <tfoot> ausführlich beschrieben.