Ressourcen: 137 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #8b4513

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 oldlace			Schriftfarbwert #8b4513
Detail	:	Hintergrund oldlace	Detail	:	Schrift #8b4513
Farbe	:	oldlace	Farbwert	:	#8b4513
Farbwert	:	#fdf5e6	Farbe	:	saddlebrown
HTML	:	oldlace	HTML	:	#8b4513
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#8b4513
CSS	:	oldlace	CSS	:	#8b4513
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #8b4513
#fdf5e6	#ecdbc7	#dcc2a9	#cca98b	#bb906d	#ab774f	#9b5e31	#8b4513
#fdf5e6	#ecdbc7	#dcc2a9	#cca98b	#bb906d	#ab774f	#9b5e31	#8b4513

Kombination von oldlace und #8b4513
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.				#8b4513 eignet sich als Schriftfarbe auf Hintergrund oldlace. Die Unterschiede in Helligkeit und Farbe sind gut. Die Ähnlichkeit der Farben #8b4513 und oldlace beträgt 68.81%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 31.19%.

Hintergrundfarbe oldlace				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#8b4513	#8b4513	#8b4513	#8b4513
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#9b5f34	#9b5f34	#773b10	#773b10
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#ac7a56	#ac7a56	#63310d	#63310d
#fdf9f0	#fdf9f0	#908c83	#908c83	#bc9478	#bc9478	#4f270a	#4f270a
#fefaf4	#fefaf4	#6c6962	#6c6962	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#fefcf7	#fefcf7	#484641	#484641	#ddc9bb	#ddc9bb	#271305	#271305
#fefdfb	#fefdfb	#242320	#242320	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #8b4513

Wechsel der Textfarbe bei Hover bei Befehl label

Die Textfarbe soll sich von Farbe oldlace auf Farbwert #8b4513 ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst die Formatierung von <label> in Farbe oldlace vor.

Z.B. legen wir bei <label> die Textfarbe auf Farbe oldlace fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf arial und setzen die Schriftgröße auf 125%.

<style type="text/css"><!--
  label { 
    font-size:125%; 
    color:oldlace; 
    font-family:arial;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #8b4513 ändert.

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

Mehr zum Thema label können Sie in Formulare in HTML finden. Möglichkeiten vom HTML-Befehl label sind in der HTML Referenz unter <label> zusammengestellt.

Hintergrund/Text-Kombination bei Befehl fieldset

Hier ändern wir die Textfarbe von <fieldset> auf Farbwert #8b4513 und die Hintergrundfarbe von <fieldset> auf Farbe oldlace. Als Schriftart setzen wir arial. Die Schriftgröße verkleinern wir auf 81%.

<style type="text/css"><!--
  fieldset { 
    color:#8b4513; 
    font-size:81%; 
    background-color:oldlace; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema fieldset lesen Sie in Formulare in HTML. Beschreibung vom HTML-Befehl <fieldset>.