Ressourcen: 137 HTML Farbnamen - Kombination von Farbe dodgerblue 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.

Hintergrundfarbe dodgerblue			Schriftfarbwert #daa520
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #daa520
Farbe	:	dodgerblue	Farbwert	:	#daa520
Farbwert	:	#1e90ff	Farbe	:	goldenrod
HTML	:	dodgerblue	HTML	:	#daa520
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#daa520
CSS	:	dodgerblue	CSS	:	#daa520
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #daa520
#1e90ff	#3893df	#5396bf	#6e999f	#899c7f	#a49f5f	#bfa23f	#daa520
#1e90ff	#3893df	#5396bf	#6e999f	#899c7f	#a49f5f	#bfa23f	#daa520

Kombination von dodgerblue und #daa520
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #daa520 und dodgerblue beträgt 93.11%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.89%. #daa520 eignet sich nicht als Schriftfarbe auf Hintergrund dodgerblue. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe dodgerblue				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#daa520	#daa520	#daa520	#daa520
#3e9fff	#3e9fff	#197bda	#197bda	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#5eafff	#5eafff	#1566b6	#1566b6	#e4be5f	#e4be5f	#9b7516	#9b7516
#7ebfff	#7ebfff	#115291	#115291	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#efd89f	#efd89f	#5d460d	#5d460d
#bedfff	#bedfff	#082948	#082948	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#deefff	#deefff	#041424	#041424	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #daa520

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag h2

Eine Überschrift wird mit HTML-Befehl <h2> gesetzt. Diese kann man hervorheben und farblich gestalten.

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

Wir setzen z.B. die Hintergrundfarbe von <h2> auf Farbe dodgerblue. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf monospace und verkleinern die Größe der Schrift auf 87%:

<style type="text/css"><!--
  h2 { 
    font-family: monospace; 
    background-color: dodgerblue; 
    font-size: 87%;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #daa520 ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten des HTML-Befehl h2 lesen Sie in der HTML Referenz unter <h2>.

Füllen und Umranden bei Tag span

Hier umranden wir <span> mit einem gefurchten, 1 Pixel dicken Rahmen in Farbwert #daa520 . Den Hintergrund von <span> färben wir mit Farbe dodgerblue. Mit HTML ist dies kaum machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  span { border:1px groove #daa520; background-color:dodgerblue; }
//-->
</style>

Mehr zum hier genutzten Tag <span>.