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

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.

Hintergrundfarbwert #fdf5e6			Schriftfarbe goldenrod
Detail	:	Hintergrund #fdf5e6	Detail	:	Schrift goldenrod
Farbwert	:	#fdf5e6	Farbe	:	goldenrod
Farbe	:	oldlace	Farbwert	:	#daa520
HTML	:	#fdf5e6	HTML	:	goldenrod
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#daa520
CSS	:	#fdf5e6	CSS	:	goldenrod
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbe goldenrod
#fdf5e6	#f8e9c9	#f3dead	#eed291	#e9c774	#e4bb58	#dfb03c	#daa520
#fdf5e6	#f8e9c9	#f3dead	#eed291	#e9c774	#e4bb58	#dfb03c	#daa520

Kombination von #fdf5e6 und goldenrod
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.				goldenrod eignet sich nicht als Schriftfarbe auf Hintergrund #fdf5e6. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von goldenrod und #fdf5e6 ergibt sich zu 90.17%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.83%.

Hintergrundfarbwert #fdf5e6				Schriftfarbe goldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#daa520	#daa520	#daa520	#daa520
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#e4be5f	#e4be5f	#9b7516	#9b7516
#fdf9f0	#fdf9f0	#908c83	#908c83	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#fefaf4	#fefaf4	#6c6962	#6c6962	#efd89f	#efd89f	#5d460d	#5d460d
#fefcf7	#fefcf7	#484641	#484641	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#fefdfb	#fefdfb	#242320	#242320	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fdf5e6 und Farbe goldenrod

Wechsel der Textfarbe bei Hover von HTML-Tag colgroup

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

Als Beispiel ändern wir bei <colgroup> die Textfarbe auf Farbwert #fdf5e6:

<style type="text/css"><!--
  colgroup { 
    color:#fdf5e6;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu goldenrod ändert.

<style type="text/css"><!--
  colgroup:hover { 
    color:goldenrod;
  }
//-->
</style>

Weiteres zu colgroup finden Sie in Tabellen in HTML. Weiteres zum HTML-Tag <colgroup>.

Hintergrund/Text-Kombination mit HTML-Tag dd

Hier ändern wir die Textfarbe von <dd> auf Farbe goldenrod und die Hintergrundfarbe von <dd> auf Farbwert #fdf5e6. Als Schriftart wählen wir monospace und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  dd { 
    font-size: 13px; 
    font-family: monospace; 
    background-color: #fdf5e6; 
    color: goldenrod;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML erfahren. Mehr zum hier verwendeten Tag dd ist in der HTML Referenz unter <dd> gezeigt.