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

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

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #fffafa
#ffd700	#ffdc23	#ffe147	#ffe66b	#ffeb8e	#fff0b2	#fff5d6	#fffafa
#ffd700	#ffdc23	#ffe147	#ffe66b	#ffeb8e	#fff0b2	#fff5d6	#fffafa

Kombination von gold und #fffafa
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fffafa ist nicht als Schriftfarbe auf Hintergrund gold geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #fffafa und gold ergibt sich zu 93.54%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.46%.

Hintergrundfarbe gold				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#fffafa	#fffafa	#fffafa	#fffafa
#ffdc24	#ffdc24	#dab800	#dab800	#fffafa	#fffafa	#dad6d6	#dad6d6
#ffe248	#ffe248	#b69900	#b69900	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#ffe86d	#ffe86d	#917a00	#917a00	#fffcfc	#fffcfc	#918e8e	#918e8e
#ffed91	#ffed91	#6d5c00	#6d5c00	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#fff3b6	#fff3b6	#483d00	#483d00	#fffdfd	#fffdfd	#484747	#484747
#fff9da	#fff9da	#241e00	#241e00	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #fffafa

Wechsel der Umrandung bei Hover von Tag caption

Die Rahmenfarbe soll sich von Farbe gold auf Farbwert #fffafa ändern, wenn man mit der Maus auf <caption> zeigt. Wir bereiten zunächst eine Formatierung von <caption> in Farbe gold vor.

In diesem Beispiel umranden wir <caption> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbe gold.

<style type="text/css"><!--
  caption { 
    border-width:4px; 
    border-style:outset; 
    border-color:gold;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #fffafa ändert.

<style type="text/css"><!--
  caption: hover { 
    border-color: #fffafa;
  }
//-->
</style>

Weiteres zu caption finden Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Tag caption lesen Sie in der HTML Referenz unter <caption>.

Füllen und Umranden mit Tag li

Hier umranden wir <li> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbwert #fffafa . Die Hintergrundfarbe für <li> färben wir entsprechend mit Farbe gold. Das geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  li { border:5px inset #fffafa; background-color:gold; }
//-->
</style>

Weiteres zu li erfahren Sie in Listen und Glossare in HTML. Weiteres zum Befehl li ist in der HTML Referenz unter <li> ausführlich gezeigt.