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

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 #bc8f8f			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #bc8f8f	Detail	:	Schrift #eee8aa
Farbwert	:	#bc8f8f	Farbwert	:	#eee8aa
Farbe	:	rosybrown	Farbe	:	palegoldenrod
HTML	:	#bc8f8f	HTML	:	#eee8aa
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#eee8aa
CSS	:	#bc8f8f	CSS	:	#eee8aa
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #bc8f8f nach Schriftfarbwert #eee8aa
#bc8f8f	#c39b92	#caa896	#d1b59a	#d8c19e	#dfcea2	#e6dba6	#eee8aa
#bc8f8f	#c39b92	#caa896	#d1b59a	#d8c19e	#dfcea2	#e6dba6	#eee8aa

Kombination von #bc8f8f und #eee8aa
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #bc8f8f ist #eee8aa ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #eee8aa und #bc8f8f beträgt 89.31%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.69%.

Hintergrundfarbwert #bc8f8f				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#cfafaf	#cfafaf	#866666	#866666	#f2eec2	#f2eec2	#aaa579	#aaa579
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#f5f1ce	#f5f1ce	#888461	#888461
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#f7f5da	#f7f5da	#666348	#666348
#ebdfdf	#ebdfdf	#352828	#352828	#faf8e6	#faf8e6	#444230	#444230
#f5efef	#f5efef	#1a1414	#1a1414	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bc8f8f und Farbwert #eee8aa

Hintergrund/Text-Kombination von Tag address

Wir ändern bei diesem Beispiel die Textfarbe von <address> auf Farbwert #eee8aa und die Hintergrundfarbe von <address> auf Farbwert #bc8f8f. Die Schriftart setzen wir auf verdana. Als Schriftgröße wählen wir 98%.

<style type="text/css"><!--
  address { 
    font-family:verdana; 
    color:#eee8aa; 
    font-size:98%; 
    background-color:#bc8f8f;
  }
//-->
</style>

Weiteres zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum HTML-Tag address ist in der HTML Referenz unter <address> gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Befehl label

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

In diesem Beispiel umranden wir <label> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #bc8f8f.

<style type="text/css"><!--
  label { 
    border-style: inset; 
    border-color: #bc8f8f; 
    border-width: 2px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #eee8aa gesetzt wird.

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

Mehr zum Thema label können Sie in Formulare in HTML nachlesen. Einzelheiten des hier genutzten Befehl label sind in der HTML Referenz bei <label> ausführlich gezeigt.