Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gold und Farbwert #fffacd

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 gold			Schriftfarbwert #fffacd
Detail	:	Hintergrund gold	Detail	:	Schrift #fffacd
Farbe	:	gold	Farbwert	:	#fffacd
Farbwert	:	#ffd700	Farbe	:	lemonchiffon
HTML	:	gold	HTML	:	#fffacd
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#fffacd
CSS	:	gold	CSS	:	#fffacd
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #fffacd
#ffd700	#ffdc1d	#ffe13a	#ffe657	#ffeb75	#fff092	#fff5af	#fffacd
#ffd700	#ffdc1d	#ffe13a	#ffe657	#ffeb75	#fff092	#fff5af	#fffacd

Kombination von gold und #fffacd
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #fffacd und gold ergibt sich zu 93.70%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.30%. #fffacd eignet sich nicht als Schriftfarbe auf Hintergrund gold. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe gold				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#fffacd	#fffacd	#fffacd	#fffacd
#ffdc24	#ffdc24	#dab800	#dab800	#fffad4	#fffad4	#dad6af	#dad6af
#ffe248	#ffe248	#b69900	#b69900	#fffbdb	#fffbdb	#b6b292	#b6b292
#ffe86d	#ffe86d	#917a00	#917a00	#fffce2	#fffce2	#918e75	#918e75
#ffed91	#ffed91	#6d5c00	#6d5c00	#fffce9	#fffce9	#6d6b57	#6d6b57
#fff3b6	#fff3b6	#483d00	#483d00	#fffdf0	#fffdf0	#48473a	#48473a
#fff9da	#fff9da	#241e00	#241e00	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #fffacd

Wechsel der Hintergrundfarbe bei Hover bei Tag center

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

Wir legen z.B. bei <center> die Hintergrundfarbe auf Farbe gold fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new und ändern die Schriftgröße auf 13pt.

<style type="text/css"><!--
  center { 
    background-color: gold; 
    font-size: 13pt; 
    font-family: courier new;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung vom hier genutzten HTML-Befehl <center>.

Wechsel der Textfarbe bei Hover mit Tag li

Die Textfarbe soll sich von Farbe gold auf Farbwert #fffacd ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst die Darstellung von <li> in Farbe gold vor.

Wir legen für dieses Beispiel Farbe gold als Textfarbe von <li> fest:

<style type="text/css"><!--
  li { 
    color: gold;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #fffacd geändert wird.

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

Mehr zum Thema li lesen Sie in Listen und Glossare in HTML. Weiteres zum Befehl li erfahren Sie in der HTML Referenz unter <li>.