Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbe mediumblue

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

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbe mediumblue
#ffd700	#dab81d	#b6993a	#917a57	#6d5c75	#483d92	#241eaf	#0000cd
#ffd700	#dab81d	#b6993a	#917a57	#6d5c75	#483d92	#241eaf	#0000cd

Kombination von #ffd700 und mediumblue
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				mediumblue eignet sich als Schriftfarbe auf Hintergrund #ffd700, weil Helligkeitsunterschied und Unterschied in den Farben geeignet sind. Die Ähnlichkeit der Farben mediumblue und #ffd700 ergibt sich zu 62.11%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 37.89%.

Hintergrundfarbwert #ffd700				Schriftfarbe mediumblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#0000cd	#0000cd	#0000cd	#0000cd
#ffdc24	#ffdc24	#dab800	#dab800	#2424d4	#2424d4	#0000af	#0000af
#ffe248	#ffe248	#b69900	#b69900	#4848db	#4848db	#000092	#000092
#ffe86d	#ffe86d	#917a00	#917a00	#6d6de2	#6d6de2	#000075	#000075
#ffed91	#ffed91	#6d5c00	#6d5c00	#9191e9	#9191e9	#000057	#000057
#fff3b6	#fff3b6	#483d00	#483d00	#b6b6f0	#b6b6f0	#00003a	#00003a
#fff9da	#fff9da	#241e00	#241e00	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbe mediumblue

Füllen und Umranden bei Tag hr

Für dieses Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbwert #ffd700. Mit HTML geht dies nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  hr { border:5pt dotted mediumblue; background-color:#ffd700; }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag hr lesen Sie in der HTML Referenz unter <hr>.

Wechsel der Umrandung bei Hover mit Befehl h6

Mit Tag <h6> wird eine Überschrift erzeugt. Diese kann man farblich gestalten.

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

In diesem Beispiel umranden wir <h6> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #ffd700.

<style type="text/css"><!--
  h6 { border:4px double #ffd700; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu mediumblue ändert.

<style type="text/css"><!--
  h6:hover { 
    border-color:mediumblue;
  }
//-->
</style>

Mehr zu h6 finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des Befehl h6 erfahren Sie in der HTML Referenz unter <h6>.