Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #deb887 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 #deb887			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund #deb887	Detail	:	Schrift #bc8f8f
Farbwert	:	#deb887	Farbwert	:	#bc8f8f
Farbe	:	burlywood	Farbe	:	rosybrown
HTML	:	#deb887	HTML	:	#bc8f8f
HTML (Wert)	:	#deb887	HTML (Wert)	:	#bc8f8f
CSS	:	#deb887	CSS	:	#bc8f8f
CSS (Wert)	:	#deb887	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbwert #bc8f8f
#deb887	#d9b288	#d4ac89	#cfa68a	#caa08b	#c59a8c	#c0948d	#bc8f8f
#deb887	#d9b288	#d4ac89	#cfa68a	#caa08b	#c59a8c	#c0948d	#bc8f8f

Kombination von #deb887 und #bc8f8f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #bc8f8f und #deb887 ergibt sich zu 92.78%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.22%. Auf Hintergrund #deb887 ist #bc8f8f ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #deb887				Schriftfarbwert #bc8f8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#e2c298	#e2c298	#be9d73	#be9d73	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#e7cca9	#e7cca9	#9e8360	#9e8360	#cfafaf	#cfafaf	#866666	#866666
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#f5eadc	#f5eadc	#3f3426	#3f3426	#ebdfdf	#ebdfdf	#352828	#352828
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbwert #bc8f8f

Wechsel der Umrandung bei Hover mit Befehl address

Die Rahmenfarbe soll sich von Farbwert #deb887 auf Farbwert #bc8f8f ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbwert #deb887 vor.

In diesem Beispiel umranden wir <address> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #deb887.

<style type="text/css"><!--
  address { border:1px ridge #deb887; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #bc8f8f gesetzt wird.

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

Weiteres zu address erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum hier verwendeten Tag address finden Sie in der HTML Referenz unter <address>.

Wechsel der Hintergrundfarbe bei Hover mit Tag q

Die Hintergrundfarbe soll sich von Farbwert #deb887 auf Farbwert #bc8f8f ändern, wenn man mit der Maus auf <q> zeigt. Bereiten wir zunächst eine Darstellung von <q> in Farbwert #deb887 vor.

Wir setzen hier bei <q> die Hintergrundfarbe auf Farbwert #deb887.

<style type="text/css"><!--
  q { 
    background-color: #deb887;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #bc8f8f gesetzt wird.

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

Mehr zum hier genutzten Tag q ist in der HTML Referenz unter <q> genau zusammengestellt.