Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffffff und Farbwert #daa520

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffffff			Schriftfarbwert #daa520
Detail	:	Hintergrund #ffffff	Detail	:	Schrift #daa520
Farbwert	:	#ffffff	Farbwert	:	#daa520
Farbe	:	white	Farbe	:	goldenrod
HTML	:	#ffffff	HTML	:	#daa520
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#daa520
CSS	:	#ffffff	CSS	:	#daa520
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbwert #daa520
#ffffff	#f9f2df	#f4e5bf	#efd89f	#e9cb7f	#e4be5f	#dfb13f	#daa520
#ffffff	#f9f2df	#f4e5bf	#efd89f	#e9cb7f	#e4be5f	#dfb13f	#daa520

Kombination von #ffffff und #daa520
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#daa520 eignet sich nicht als Schriftfarbe auf Hintergrund #ffffff, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #daa520 und #ffffff ergibt sich zu 89.34%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.66%.

Hintergrundfarbwert #ffffff				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#daa520	#daa520	#daa520	#daa520
#ffffff	#ffffff	#dadada	#dadada	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#e4be5f	#e4be5f	#9b7516	#9b7516
#ffffff	#ffffff	#919191	#919191	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#efd89f	#efd89f	#5d460d	#5d460d
#ffffff	#ffffff	#484848	#484848	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#ffffff	#ffffff	#242424	#242424	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbwert #daa520

Hintergrund/Text-Kombination von Tag center

Wir ändern bei diesem Beispiel die Textfarbe von <center> auf Farbwert #daa520 und die Hintergrundfarbe von <center> auf Farbwert #ffffff. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  center { 
    color: #daa520; 
    font-size: 13px; 
    font-family: sans-serif; 
    background-color: #ffffff;
  }
//-->
</style>

Mehr zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag center lesen Sie in der HTML Referenz unter <center>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl h1

Eine Überschrift der 1. Stufe erzeugt man mit Befehl <h1>. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #ffffff auf Farbwert #daa520 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <h1> in Farbwert #ffffff vor.

Hier legen wir die Hintergrundfarbe von <h1> auf Farbwert #ffffff fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  h1 { 
    font-family: sans-serif; 
    background-color: #fff;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #daa520 ändert.

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

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Befehl <h1>.