Ressourcen: 120 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #fffaf0

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 goldenrod			Schriftfarbwert #fffaf0
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #fffaf0
Farbe	:	goldenrod	Farbwert	:	#fffaf0
Farbwert	:	#daa520	Farbe	:	floralwhite
HTML	:	goldenrod	HTML	:	#fffaf0
HTML (Wert)	:	#daa520	HTML (Wert)	:	#fffaf0
CSS	:	goldenrod	CSS	:	#fffaf0
CSS (Wert)	:	#daa520	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #fffaf0
#daa520	#dfb13d	#e4bd5b	#e9c979	#efd596	#f4e1b4	#f9edd2	#fffaf0
#daa520	#dfb13d	#e4bd5b	#e9c979	#efd596	#f4e1b4	#f9edd2	#fffaf0

Kombination von goldenrod und #fffaf0
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in.				#fffaf0 eignet sich nicht als Schriftfarbe auf Hintergrund goldenrod, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #fffaf0 und goldenrod ergibt sich zu 89.76%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 10.24%.

Hintergrundfarbe goldenrod				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#e4be5f	#e4be5f	#9b7516	#9b7516	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#fffcf6	#fffcf6	#918e89	#918e89
#efd89f	#efd89f	#5d460d	#5d460d	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#fffdfa	#fffdfa	#484744	#484744
#f9f2df	#f9f2df	#1f1704	#1f1704	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #fffaf0

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl blockquote

Die Hintergrundfarbe soll sich von Farbe goldenrod auf Farbwert #fffaf0 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Formatierung von <blockquote> in Farbe goldenrod vor.

Wir legen hier Farbe goldenrod als Hintergrundfarbe von <blockquote> fest. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  blockquote { 
    background-color: goldenrod; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #fffaf0 ändert.

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

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung des HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.

Füllen und Umranden von HTML-Tag img

Für dieses Beispiel umranden wir <img> mit einem . Den Hintergrund von <img> färben wir mit Farbe goldenrod. Dies ist mit HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { border:2pt dashed #fffaf0; background-color:goldenrod; }
//-->
</style>

Weiteres zu img finden Sie in Grafik in HTML. Einzelheiten des hier genutzten Tag img sind in der HTML Referenz unter <img> genau zusammengestellt.