Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #faf0e6

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 palegoldenrod			Schriftfarbwert #faf0e6
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #faf0e6
Farbe	:	palegoldenrod	Farbwert	:	#faf0e6
Farbwert	:	#eee8aa	Farbe	:	linen
HTML	:	palegoldenrod	HTML	:	#faf0e6
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#faf0e6
CSS	:	palegoldenrod	CSS	:	#faf0e6
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #faf0e6
#eee8aa	#efe9b2	#f1eabb	#f3ebc3	#f4eccc	#f6edd4	#f8eedd	#faf0e6
#eee8aa	#efe9b2	#f1eabb	#f3ebc3	#f4eccc	#f6edd4	#f8eedd	#faf0e6

Kombination von palegoldenrod und #faf0e6
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#faf0e6 ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #faf0e6 und palegoldenrod beträgt 94.69%. Die Lesbarkeit dieser Kombination liegt damit bei 5.31%.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #faf0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#f2eec2	#f2eec2	#aaa579	#aaa579	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#f5f1ce	#f5f1ce	#888461	#888461	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#f7f5da	#f7f5da	#666348	#666348	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#faf8e6	#faf8e6	#444230	#444230	#fdfaf7	#fdfaf7	#474441	#474441
#fcfbf2	#fcfbf2	#222118	#222118	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbwert #faf0e6

Text- und Unterstreichungsfarben bei HTML-Tag s

Für dieses Beispiel ändern wir die Textfarbe von <s> auf Farbwert #faf0e6 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 84%. Wir unterstreichen den Inhalt von <s> mit Hilfe eines gezahnten Rahmens mit 2 Punkte Dicke in Farbe palegoldenrod. Das geht mit HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  s { 
    color:#faf0e6; 
    font-family:monospace; 
    border-bottom-width:2pt; 
    border-bottom-color:palegoldenrod; 
    font-size:84%; 
    border-bottom-style:ridge;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu s können Sie in Text in HTML nachlesen. Beschreibung vom hier genutzten Tag <s>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl address

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

Als Beispiel legen wir bei <address> die Hintergrundfarbe auf Farbe palegoldenrod fest. Die Größe der Schrift vergrößern wir auf 128%.

<style type="text/css"><!--
  address { 
    font-size: 128%; 
    background-color: palegoldenrod;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #faf0e6 ändert.

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML lesen. Mehr zum hier verwendeten HTML-Tag address erfahren Sie in der HTML Referenz unter <address>.