Ressourcen: 137 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #0000ff

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.

Hintergrundfarbe goldenrod			Schriftfarbwert #0000ff
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #0000ff
Farbe	:	goldenrod	Farbwert	:	#0000ff
Farbwert	:	#daa520	Farbe	:	blue
HTML	:	goldenrod	HTML	:	#0000ff
HTML (Wert)	:	#daa520	HTML (Wert)	:	#0000ff
CSS	:	goldenrod	CSS	:	#0000ff
CSS (Wert)	:	#daa520	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #0000ff
#daa520	#ba8d3f	#9b755f	#7c5e7f	#5d469f	#3e2fbf	#1f17df	#0000ff
#daa520	#ba8d3f	#9b755f	#7c5e7f	#5d469f	#3e2fbf	#1f17df	#0000ff

Kombination von goldenrod und #0000ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #0000ff und goldenrod ergibt sich zu 81.72%. Die Lesbarkeit dieser Farbkombination liegt damit bei 18.28%. #0000ff eignet sich als Schriftfarbe auf Hintergrund goldenrod, da Helligkeitsunterschied und Farbenunterschied geeignet sind.

Hintergrundfarbe goldenrod				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#0000ff	#0000ff	#0000ff	#0000ff
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#2424ff	#2424ff	#0000da	#0000da
#e4be5f	#e4be5f	#9b7516	#9b7516	#4848ff	#4848ff	#0000b6	#0000b6
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#6d6dff	#6d6dff	#000091	#000091
#efd89f	#efd89f	#5d460d	#5d460d	#9191ff	#9191ff	#00006d	#00006d
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#b6b6ff	#b6b6ff	#000048	#000048
#f9f2df	#f9f2df	#1f1704	#1f1704	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #0000ff

Wechsel der Hintergrundfarbe bei Hover bei Tag dd

Die Hintergrundfarbe soll sich von Farbe goldenrod auf Farbwert #0000ff ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbe goldenrod vor.

Wir legen für dieses Beispiel Farbe goldenrod als Hintergrundfarbe von <dd> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #0000ff ändert.

<style type="text/css"><!--
  dd:hover { 
    background-color:#0000ff;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachlesen. Die Beschreibung des Befehl dd finden Sie in der HTML Referenz unter <dd>.

Wechsel der Textfarbe bei Hover bei Befehl h2

Mit Befehl <h2> setzen Sie eine Überschrift der 2. Stufe. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe goldenrod auf Farbwert #0000ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h2> in Farbe goldenrod vor.

Wir legen z.B. Farbe goldenrod als Textfarbe von <h2> fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  h2 { 
    font-size: 13px; 
    color: goldenrod; 
    font-family: courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #0000ff ändert.

<style type="text/css"><!--
  h2:hover { 
    color:#0000ff;
  }
//-->
</style>

Mehr zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier verwendeten Befehl h2 sind in der HTML Referenz unter <h2> genau beschrieben.