Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b0000 und Farbwert #bc8f8f

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 #8b0000			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund #8b0000	Detail	:	Schrift #bc8f8f
Farbwert	:	#8b0000	Farbwert	:	#bc8f8f
Farbe	:	darkred	Farbe	:	rosybrown
HTML	:	#8b0000	HTML	:	#bc8f8f
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#bc8f8f
CSS	:	#8b0000	CSS	:	#bc8f8f
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbwert #bc8f8f
#8b0000	#921414	#992828	#a03d3d	#a75151	#ae6666	#b57a7a	#bc8f8f
#8b0000	#921414	#992828	#a03d3d	#a75151	#ae6666	#b57a7a	#bc8f8f

Kombination von #8b0000 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#bc8f8f ist nicht als Schriftfarbe auf Hintergrund #8b0000 geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #bc8f8f und #8b0000 beträgt 83.06%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 16.94%.

Hintergrundfarbwert #8b0000				Schriftfarbwert #bc8f8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#9b2424	#9b2424	#770000	#770000	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#ac4848	#ac4848	#630000	#630000	#cfafaf	#cfafaf	#866666	#866666
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#cd9191	#cd9191	#3b0000	#3b0000	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#ddb6b6	#ddb6b6	#270000	#270000	#ebdfdf	#ebdfdf	#352828	#352828
#eedada	#eedada	#130000	#130000	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b0000 und Farbwert #bc8f8f

Wechsel der Umrandung bei Hover mit Tag dfn

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

In diesem Beispiel umranden wir <dfn> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #8b0000.

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

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #bc8f8f ändert.

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

Mehr zum Thema dfn lesen Sie in Text in HTML. Weiteres zum Tag <dfn>.

Hintergrund/Text-Kombination von Befehl dt

Wir ändern hier die Textfarbe von <dt> auf Farbwert #bc8f8f und die Hintergrundfarbe von <dt> auf Farbwert #8b0000. Die Schriftart ändern wir auf courier new und ändern die Schriftgröße auf 10pt.

<style type="text/css"><!--
  dt { 
    color: #bc8f8f; 
    font-size: 10pt; 
    background-color: #8b0000; 
    font-family: courier new;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachlesen. Weiteres zum hier gezeigten HTML-Tag <dt>.