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

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 #fff5ee
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #fff5ee
Farbe	:	goldenrod	Farbwert	:	#fff5ee
Farbwert	:	#daa520	Farbe	:	seashell
HTML	:	goldenrod	HTML	:	#fff5ee
HTML (Wert)	:	#daa520	HTML (Wert)	:	#fff5ee
CSS	:	goldenrod	CSS	:	#fff5ee
CSS (Wert)	:	#daa520	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #fff5ee
#daa520	#dfb03d	#e4bb5a	#e9c778	#efd295	#f4deb3	#f9e9d0	#fff5ee
#daa520	#dfb03d	#e4bb5a	#e9c778	#efd295	#f4deb3	#f9e9d0	#fff5ee

Kombination von goldenrod und #fff5ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#fff5ee eignet sich nicht als Schriftfarbe auf Hintergrund goldenrod. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #fff5ee und goldenrod ergibt sich zu 90.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.92%.

Hintergrundfarbe goldenrod				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#e4be5f	#e4be5f	#9b7516	#9b7516	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#fff9f5	#fff9f5	#918c88	#918c88
#efd89f	#efd89f	#5d460d	#5d460d	#fffaf7	#fffaf7	#6d6966	#6d6966
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#fffcfa	#fffcfa	#484644	#484644
#f9f2df	#f9f2df	#1f1704	#1f1704	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe goldenrod und Farbwert #fff5ee

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Einen Verweis setzen Sie mit Tag <a> und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe goldenrod auf Farbwert #fff5ee ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe goldenrod vor.

Zum Beispiel ändern wir bei <a> die Textfarbe auf Farbe goldenrod. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 11pt:

<style type="text/css"><!--
  a { 
    font-size:11pt; 
    font-family:courier new; 
    color:goldenrod;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #fff5ee geändert wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML lesen. Der hier verwendete Tag a ist in der HTML Referenz bei <a> ausführlich zusammengestellt.