Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #8b4513

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 peachpuff			Schriftfarbwert #8b4513
Detail	:	Hintergrund peachpuff	Detail	:	Schrift #8b4513
Farbe	:	peachpuff	Farbwert	:	#8b4513
Farbwert	:	#ffdab9	Farbe	:	saddlebrown
HTML	:	peachpuff	HTML	:	#8b4513
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#8b4513
CSS	:	peachpuff	CSS	:	#8b4513
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe peachpuff nach Schriftfarbwert #8b4513
#ffdab9	#eec4a1	#ddaf89	#cd9a71	#bc845a	#ac6f42	#9b5a2a	#8b4513
#ffdab9	#eec4a1	#ddaf89	#cd9a71	#bc845a	#ac6f42	#9b5a2a	#8b4513

Kombination von peachpuff 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 nicht als Schriftfarbe auf Hintergrund peachpuff. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit der Farben #8b4513 und peachpuff ergibt sich zu 74.28%. Die Lesbarkeit dieser Kombination liegt damit bei 25.72%.

Hintergrundfarbe peachpuff				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#8b4513	#8b4513	#8b4513	#8b4513
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#9b5f34	#9b5f34	#773b10	#773b10
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#ac7a56	#ac7a56	#63310d	#63310d
#ffe9d7	#ffe9d7	#917c69	#917c69	#bc9478	#bc9478	#4f270a	#4f270a
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#fff4eb	#fff4eb	#483e34	#483e34	#ddc9bb	#ddc9bb	#271305	#271305
#fff9f5	#fff9f5	#241f1a	#241f1a	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe peachpuff und Farbwert #8b4513

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl form

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

Wir setzen hier bei <form> die Hintergrundfarbe auf Farbe peachpuff.

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

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #8b4513 ändert.

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

Mehr zum Thema form können Sie in Formulare in HTML lesen. Der Befehl form ist in der HTML Referenz bei <form> zusammengestellt.