Ressourcen: 120 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #d3d3d3

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.

Hintergrundfarbe goldenrod			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #d3d3d3
Farbe	:	goldenrod	Farbwert	:	#d3d3d3
Farbwert	:	#daa520	Farbe	:	lightgrey
HTML	:	goldenrod	HTML	:	#d3d3d3
HTML (Wert)	:	#daa520	HTML (Wert)	:	#d3d3d3
CSS	:	goldenrod	CSS	:	#d3d3d3
CSS (Wert)	:	#daa520	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #d3d3d3
#daa520	#d9ab39	#d8b253	#d7b86c	#d6bf86	#d5c59f	#d4ccb9	#d3d3d3
#daa520	#d9ab39	#d8b253	#d7b86c	#d6bf86	#d5c59f	#d4ccb9	#d3d3d3

Kombination von goldenrod und #d3d3d3
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund goldenrod ist #d3d3d3 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #d3d3d3 und goldenrod beträgt 92.88%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.12%.

Hintergrundfarbe goldenrod				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#e4be5f	#e4be5f	#9b7516	#9b7516	#dfdfdf	#dfdfdf	#969696	#969696
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#e5e5e5	#e5e5e5	#787878	#787878
#efd89f	#efd89f	#5d460d	#5d460d	#ececec	#ececec	#5a5a5a	#5a5a5a
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#f9f2df	#f9f2df	#1f1704	#1f1704	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #d3d3d3

Wechsel der Textfarbe bei Hover von Befehl h3

Eine Überschrift der 3. Stufe erzeugen Sie mit Befehl <h3>. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe goldenrod auf Farbwert #d3d3d3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h3> in Farbe goldenrod vor.

Wir setzen hier die Textfarbe von <h3> auf Farbe goldenrod. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  h3 { 
    font-family: arial; 
    color: goldenrod;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #d3d3d3 ändert.

<style type="text/css"><!--
  h3: hover { 
    color: #d3d3d3;
  }
//-->
</style>

Mehr zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des HTML-Tag <h3>.

Wechsel der Umrandung bei Hover von Befehl img

Die Rahmenfarbe soll sich von Farbe goldenrod auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst eine Formatierung von <img> in Farbe goldenrod vor.

In diesem Beispiel umranden wir <img> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe goldenrod.

<style type="text/css"><!--
  img { border:2px outset goldenrod; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #d3d3d3 gesetzt wird.

<style type="text/css"><!--
  img: hover { 
    border-color: #d3d3d3;
  }
//-->
</style>

Mehr zu img finden Sie in Grafik in HTML. Mehr zum HTML-Befehl img ist in der HTML Referenz bei <img> ausführlich gezeigt.