Ressourcen: 120 HTML Farbnamen - Kombination von Farbe burlywood und Farbwert #f8f8ff

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.

Hintergrundfarbe burlywood			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund burlywood	Detail	:	Schrift #f8f8ff
Farbe	:	burlywood	Farbwert	:	#f8f8ff
Farbwert	:	#deb887	Farbe	:	ghostwhite
HTML	:	burlywood	HTML	:	#f8f8ff
HTML (Wert)	:	#deb887	HTML (Wert)	:	#f8f8ff
CSS	:	burlywood	CSS	:	#f8f8ff
CSS (Wert)	:	#deb887	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbwert #f8f8ff
#deb887	#e1c198	#e5caa9	#e9d3ba	#ecdccb	#f0e5dc	#f4eeed	#f8f8ff
#deb887	#e1c198	#e5caa9	#e9d3ba	#ecdccb	#f0e5dc	#f4eeed	#f8f8ff

Kombination von burlywood und #f8f8ff
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Die Ähnlichkeit von #f8f8ff und burlywood ergibt sich zu 91.64%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.36%. #f8f8ff eignet sich nicht als Schriftfarbe auf Hintergrund burlywood, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe burlywood				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#e2c298	#e2c298	#be9d73	#be9d73	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#e7cca9	#e7cca9	#9e8360	#9e8360	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#f5eadc	#f5eadc	#3f3426	#3f3426	#fdfdff	#fdfdff	#464648	#464648
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe burlywood und Farbwert #f8f8ff

Wechsel der Umrandung bei Hover von Tag h4

Mit Tag <h4> erzeugen Sie eine Überschrift. Sie kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h4> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe burlywood.

<style type="text/css"><!--
  h4 { border:1px inset burlywood; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f8f8ff ändert.

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

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier verwendeten HTML-Befehl <h4>.

Füllen und Umranden bei HTML-Tag img

Für dieses Beispiel umranden wir <img> mit einem . Die Hintergrundfarbe für <img> setzen wir entsprechend auf Farbe burlywood. Mit HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  img { border:4pt groove #f8f8ff; background-color:burlywood; }
//-->
</style>

Weiteres zum Thema lesen Sie in Grafik in HTML. Weiteres zum hier gezeigten Befehl img erfahren Sie in der HTML Referenz unter <img>.