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

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 #f5f5dc
Detail	:	Hintergrund burlywood	Detail	:	Schrift #f5f5dc
Farbe	:	burlywood	Farbwert	:	#f5f5dc
Farbwert	:	#deb887	Farbe	:	beige
HTML	:	burlywood	HTML	:	#f5f5dc
HTML (Wert)	:	#deb887	HTML (Wert)	:	#f5f5dc
CSS	:	burlywood	CSS	:	#f5f5dc
CSS (Wert)	:	#deb887	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbwert #f5f5dc
#deb887	#e1c093	#e4c99f	#e7d2ab	#ebdab7	#eee3c3	#f1eccf	#f5f5dc
#deb887	#e1c093	#e4c99f	#e7d2ab	#ebdab7	#eee3c3	#f1eccf	#f5f5dc

Kombination von burlywood und #f5f5dc
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f5f5dc ist nicht als Schriftfarbe auf Hintergrund burlywood geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #f5f5dc und burlywood beträgt 92.01%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.99%.

Hintergrundfarbe burlywood				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#e2c298	#e2c298	#be9d73	#be9d73	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#e7cca9	#e7cca9	#9e8360	#9e8360	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#fafaf0	#fafaf0	#69695e	#69695e
#f5eadc	#f5eadc	#3f3426	#3f3426	#fcfcf5	#fcfcf5	#46463e	#46463e
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe burlywood und Farbwert #f5f5dc

Wechsel der Textfarbe bei Hover bei Befehl code

Die Textfarbe soll sich von Farbe burlywood auf Farbwert #f5f5dc ändern, wenn man mit der Maus auf <code> zeigt. Wir bereiten zunächst die Formatierung von <code> in Farbe burlywood vor.

Für dieses Beispiel legen wir Farbe burlywood als Textfarbe von <code> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial.

<style type="text/css"><!--
  code { 
    color: burlywood; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #f5f5dc gesetzt wird.

<style type="text/css"><!--
  code: hover { 
    color: #f5f5dc;
  }
//-->
</style>

Mehr zu code können Sie in Text in HTML nachsehen. Möglichkeiten vom hier verwendeten HTML-Tag code sind in der HTML Referenz bei <code> ausführlich gezeigt.

Füllen und Umranden bei HTML-Tag frame

Für dieses Beispiel umranden wir <frame> mit einem herausstehenden, 1 Pixel dicken Rahmen in Farbwert #f5f5dc . Den Hintergrund von <frame> färben wir entsprechend mit Farbe burlywood. Das geht in HTML nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frame { 
    border-color: #f5f5dc; 
    border-width: 1px; 
    background-color: burlywood; 
    border-style: outset;
  }
//-->
</style>

Möglichkeiten vom hier genutzten Befehl frame erfahren Sie in der HTML Referenz unter <frame>.