Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbe moccasin

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 darkgray			Schriftfarbe moccasin
Detail	:	Hintergrund darkgray	Detail	:	Schrift moccasin
Farbe	:	darkgray	Farbe	:	moccasin
Farbwert	:	#a9a9a9	Farbwert	:	#ffe4b5
HTML	:	darkgray	HTML	:	moccasin
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#ffe4b5
CSS	:	darkgray	CSS	:	moccasin
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe darkgray nach Schriftfarbe moccasin
#a9a9a9	#b5b1aa	#c1b9ac	#cdc2ae	#dacaaf	#e6d3b1	#f2dbb3	#ffe4b5
#a9a9a9	#b5b1aa	#c1b9ac	#cdc2ae	#dacaaf	#e6d3b1	#f2dbb3	#ffe4b5

Kombination von darkgray und moccasin
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben moccasin und darkgray ergibt sich zu 90.93%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 9.07%. moccasin eignet sich nicht als Schriftfarbe auf Hintergrund darkgray. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe darkgray				Schriftfarbe moccasin
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#b5b5b5	#b5b5b5	#909090	#909090	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#c1c1c1	#c1c1c1	#787878	#787878	#ffebca	#ffebca	#b6a281	#b6a281
#cdcdcd	#cdcdcd	#606060	#606060	#ffefd4	#ffefd4	#918267	#918267
#dadada	#dadada	#484848	#484848	#fff3df	#fff3df	#6d614d	#6d614d
#e6e6e6	#e6e6e6	#303030	#303030	#fff7e9	#fff7e9	#484133	#484133
#f2f2f2	#f2f2f2	#181818	#181818	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgray und Farbe moccasin

Wechsel der Umrandung bei Hover mit Befehl h2

Mit HTML-Befehl <h2> wird eine Überschrift gesetzt. Sie kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe darkgray auf Farbe moccasin ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst die Formatierung von <h2> in Farbe darkgray vor.

In diesem Beispiel umranden wir <h2> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe darkgray.

<style type="text/css"><!--
  h2 { border:4px ridge darkgray; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf moccasin gesetzt wird.

<style type="text/css"><!--
  h2: hover { 
    border-color: moccasin;
  }
//-->
</style>

Mehr zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des HTML-Tag h2 lesen Sie in der HTML Referenz unter <h2>.

Füllen und Umranden von Befehl dt

Für dieses Beispiel umranden wir <dt> mit einem gepunkteten, 1 Pixel dicken Rahmen in Farbe moccasin . Den Hintergrund von <dt> setzen wir entsprechend auf Farbe darkgray. Das ist in HTML kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  dt { border:1px dotted moccasin; background-color:darkgray; }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des Befehl dt erfahren Sie in der HTML Referenz unter <dt>.