Ressourcen: 137 HTML Farbnamen - Kombination von Farbe burlywood und Farbwert #da70d6

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.

Hintergrundfarbe burlywood			Schriftfarbwert #da70d6
Detail	:	Hintergrund burlywood	Detail	:	Schrift #da70d6
Farbe	:	burlywood	Farbwert	:	#da70d6
Farbwert	:	#deb887	Farbe	:	orchid
HTML	:	burlywood	HTML	:	#da70d6
HTML (Wert)	:	#deb887	HTML (Wert)	:	#da70d6
CSS	:	burlywood	CSS	:	#da70d6
CSS (Wert)	:	#deb887	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbwert #da70d6
#deb887	#ddad92	#dca39d	#dc99a8	#db8eb4	#db84bf	#da7aca	#da70d6
#deb887	#ddad92	#dca39d	#dc99a8	#db8eb4	#db84bf	#da7aca	#da70d6

Kombination von burlywood und #da70d6
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.				#da70d6 eignet sich nicht als Schriftfarbe auf Hintergrund burlywood. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #da70d6 und burlywood ergibt sich zu 92.59%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.41%.

Hintergrundfarbe burlywood				Schriftfarbwert #da70d6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#da70d6	#da70d6	#da70d6	#da70d6
#e2c298	#e2c298	#be9d73	#be9d73	#df84db	#df84db	#ba60b7	#ba60b7
#e7cca9	#e7cca9	#9e8360	#9e8360	#e498e1	#e498e1	#9b5098	#9b5098
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#e9ade7	#e9ade7	#7c407a	#7c407a
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#efc1ed	#efc1ed	#5d305b	#5d305b
#f5eadc	#f5eadc	#3f3426	#3f3426	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe burlywood und Farbwert #da70d6

Füllen und Umranden von Tag hr

In diesem Beispiel umranden wir <hr> mit einem . Den Hintergrund von <hr> setzen wir auf Farbe burlywood. Dies ist mit HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  hr { 
    border-color:#da70d6; 
    border-width:4px; 
    background-color:burlywood; 
    border-style:ridge;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Tag hr sind in der HTML Referenz unter <hr> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Einen Verweis erzeugt man mit HTML-Tag <a>. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe burlywood auf Farbwert #da70d6 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe burlywood vor.

Zum Beispiel legen wir Farbe burlywood als Hintergrundfarbe von <a> fest:

<style type="text/css"><!--
  a { 
    background-color:burlywood;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #da70d6 ändert.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML lesen. Die Beschreibung vom Befehl a finden Sie in der HTML Referenz unter <a>.