Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dimgray und Farbwert #daa520

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 dimgray			Schriftfarbwert #daa520
Detail	:	Hintergrund dimgray	Detail	:	Schrift #daa520
Farbe	:	dimgray	Farbwert	:	#daa520
Farbwert	:	#696969	Farbe	:	goldenrod
HTML	:	dimgray	HTML	:	#daa520
HTML (Wert)	:	#696969	HTML (Wert)	:	#daa520
CSS	:	dimgray	CSS	:	#daa520
CSS (Wert)	:	#696969	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#696969	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(105,105,105)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(41%,41%,41%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe dimgray nach Schriftfarbwert #daa520
#696969	#79715e	#897a54	#998249	#a98b3f	#b99334	#c99c2a	#daa520
#696969	#79715e	#897a54	#998249	#a98b3f	#b99334	#c99c2a	#daa520

Kombination von dimgray und #daa520
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#daa520 ist nicht als Schriftfarbe auf Hintergrund dimgray geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #daa520 und dimgray beträgt 88.32%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.68%.

Hintergrundfarbe dimgray				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#696969	#696969	#696969	#696969	#daa520	#daa520	#daa520	#daa520
#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#939393	#939393	#4b4b4b	#4b4b4b	#e4be5f	#e4be5f	#9b7516	#9b7516
#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#bebebe	#bebebe	#2d2d2d	#2d2d2d	#efd89f	#efd89f	#5d460d	#5d460d
#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dimgray und Farbwert #daa520

Füllen und Umranden mit Tag acronym

Für dieses Beispiel umranden wir <acronym> mit einem doppelten, 1 Punkte dicken Rahmen in Farbwert #daa520 . Den Hintergrund von <acronym> färben wir mit Farbe dimgray. Das ist mit HTML kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  acronym { 
    border-color:#daa520; 
    border-width:1pt; 
    background-color:dimgray; 
    border-style:double;
  }
//-->
</style>

Die Beschreibung des HTML-Befehl acronym finden Sie in der HTML Referenz unter <acronym>.

Wechsel der Textfarbe bei Hover von HTML-Tag dd

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

Hier setzen wir die Textfarbe von <dd> auf Farbe dimgray und verkleinern die Schriftgröße auf 97%.

<style type="text/css"><!--
  dd { 
    color: dimgray; 
    font-size: 97%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #daa520 ändert.

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

Mehr zu dd finden Sie in Listen und Glossare in HTML. Weiteres zum Tag dd erfahren Sie in der HTML Referenz unter <dd>.