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

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 #d8bfd8
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #d8bfd8
Farbe	:	goldenrod	Farbwert	:	#d8bfd8
Farbwert	:	#daa520	Farbe	:	thistle
HTML	:	goldenrod	HTML	:	#d8bfd8
HTML (Wert)	:	#daa520	HTML (Wert)	:	#d8bfd8
CSS	:	goldenrod	CSS	:	#d8bfd8
CSS (Wert)	:	#daa520	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #d8bfd8
#daa520	#d9a83a	#d9ac54	#d9b06e	#d8b389	#d8b7a3	#d8bbbd	#d8bfd8
#daa520	#d9a83a	#d9ac54	#d9b06e	#d8b389	#d8b7a3	#d8bbbd	#d8bfd8

Kombination von goldenrod und #d8bfd8
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #d8bfd8 und goldenrod ergibt sich zu 93.73%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.27%. Auf Hintergrund goldenrod ist #d8bfd8 ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe goldenrod				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#e4be5f	#e4be5f	#9b7516	#9b7516	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#efd89f	#efd89f	#5d460d	#5d460d	#eee3ee	#eee3ee	#5c515c	#5c515c
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#f9f2df	#f9f2df	#1f1704	#1f1704	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #d8bfd8

Füllen und Umranden von Tag tbody

Für dieses Beispiel umranden wir <tbody> mit einem . Den Hintergrund von <tbody> färben wir mit Farbe goldenrod. Das geht in HTML kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  tbody { border:5px inset #d8bfd8; background-color:goldenrod; }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Befehl tbody erfahren Sie in der HTML Referenz unter <tbody>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl pre

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

Z.B. ändern wir die Hintergrundfarbe von <pre> auf Farbe goldenrod. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  pre { 
    font-family: courier new; 
    background-color: goldenrod;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #d8bfd8 ändert.

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

Mehr zu pre lesen Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom Befehl <pre>.