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

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 #4169e1			Schriftfarbe gold
Detail	:	Hintergrund #4169e1	Detail	:	Schrift gold
Farbwert	:	#4169e1	Farbe	:	gold
Farbe	:	royalblue	Farbwert	:	#ffd700
HTML	:	#4169e1	HTML	:	gold
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#ffd700
CSS	:	#4169e1	CSS	:	gold
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #4169e1 nach Schriftfarbe gold
#4169e1	#5c78c0	#7788a0	#929880	#ada760	#c8b740	#e3c720	#ffd700
#4169e1	#5c78c0	#7788a0	#929880	#ada760	#c8b740	#e3c720	#ffd700

Kombination von #4169e1 und gold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 der Farben gold und #4169e1 ergibt sich zu 83.54%. Die Lesbarkeit dieser Farbkombination liegt damit bei 16.46%. gold eignet sich nicht als Schriftfarbe auf Hintergrund #4169e1. Zwar ist der Farbunterschied gross genug, doch der Helligkeitsunterschied ist zu gering.

Hintergrundfarbwert #4169e1				Schriftfarbe gold
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#ffd700	#ffd700	#ffd700	#ffd700
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#ffdc24	#ffdc24	#dab800	#dab800
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#ffe248	#ffe248	#b69900	#b69900
#92a9ed	#92a9ed	#253c80	#253c80	#ffe86d	#ffe86d	#917a00	#917a00
#adbef2	#adbef2	#1b2d60	#1b2d60	#ffed91	#ffed91	#6d5c00	#6d5c00
#c8d4f6	#c8d4f6	#121e40	#121e40	#fff3b6	#fff3b6	#483d00	#483d00
#e3e9fa	#e3e9fa	#090f20	#090f20	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #4169e1 und Farbe gold

Wechsel der Textfarbe bei Hover von Tag em

Die Textfarbe soll sich von Farbwert #4169e1 auf Farbe gold ändern, wenn man mit der Maus auf <em> zeigt. Bereiten wir zunächst eine Formatierung von <em> in Farbwert #4169e1 vor.

Wir setzen z.B. bei <em> die Textfarbe auf Farbwert #4169e1.

<style type="text/css"><!--
  em { 
    color:#4169e1;
  }
//-->
</style>

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

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

Weiteres zum Thema lesen Sie in Text in HTML. Mehr zum hier genutzten HTML-Tag <em>.

Hintergrund/Text-Kombination bei Befehl code

Wir ändern für dieses Beispiel die Textfarbe von <code> auf Farbe gold und die Hintergrundfarbe von <code> auf Farbwert #4169e1. Die Schriftart ändern wir auf courier new und erhöhen die Schriftgröße auf 115%.

<style type="text/css"><!--
  code { 
    background-color: #4169e1; 
    font-family: courier new; 
    font-size: 115%; 
    color: gold;
  }
//-->
</style>

Weiteres zum Thema code können Sie in Text in HTML lesen. Möglichkeiten vom Befehl <code>.