Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gold und Farbwert #dcdcdc

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 gold			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund gold	Detail	:	Schrift #dcdcdc
Farbe	:	gold	Farbwert	:	#dcdcdc
Farbwert	:	#ffd700	Farbe	:	gainsboro
HTML	:	gold	HTML	:	#dcdcdc
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#dcdcdc
CSS	:	gold	CSS	:	#dcdcdc
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #dcdcdc
#ffd700	#fad71f	#f5d83e	#f0d95e	#ebd97d	#e6da9d	#e1dbbc	#dcdcdc
#ffd700	#fad71f	#f5d83e	#f0d95e	#ebd97d	#e6da9d	#e1dbbc	#dcdcdc

Kombination von gold und #dcdcdc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#dcdcdc ist nicht als Schriftfarbe auf Hintergrund gold geeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #dcdcdc und gold beträgt 95.13%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.87%.

Hintergrundfarbe gold				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#ffdc24	#ffdc24	#dab800	#dab800	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#ffe248	#ffe248	#b69900	#b69900	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#ffe86d	#ffe86d	#917a00	#917a00	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#ffed91	#ffed91	#6d5c00	#6d5c00	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#fff3b6	#fff3b6	#483d00	#483d00	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#fff9da	#fff9da	#241e00	#241e00	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #dcdcdc

Wechsel der Unterstreichung bei Hover bei HTML-Befehl blockquote

Die Farbe der Unterstreichung soll sich von Farbe gold auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Formatierung von <blockquote> in Farbe gold vor.

In diesem Beispiel unterstreichen wir <blockquote> mit einem gepunkteten Rahmen mit 4 Pixel Dicke in Farbe gold.

<style type="text/css"><!--
  blockquote { 
    border-bottom-color:gold; 
    border-bottom-style:dotted; 
    border-bottom-width:4px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Unterstreichungsfarbe zu #dcdcdc ändert.

<style type="text/css"><!--
  blockquote: hover { 
    border-bottom-color: #dcdcdc;
  }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie dies bei Links. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine normale Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum hier gezeigten Tag <blockquote>.

Hintergrund/Text-Kombination von HTML-Tag dd

In diesem Beispiel ändern wir die Textfarbe von <dd> auf Farbwert #dcdcdc und die Hintergrundfarbe von <dd> auf Farbe gold. Die Schriftart ändern wir auf arial und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  dd { 
    font-size: 13px; 
    color: #dcdcdc; 
    background-color: gold; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema dd erfahren Sie in Listen und Glossare in HTML. Zur Beschreibung vom Befehl <dd>.