Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #dda0dd

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #dcdcdc			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #dda0dd
Farbwert	:	#dcdcdc	Farbwert	:	#dda0dd
Farbe	:	gainsboro	Farbe	:	plum
HTML	:	#dcdcdc	HTML	:	#dda0dd
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#dda0dd
CSS	:	#dcdcdc	CSS	:	#dda0dd
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbwert #dda0dd
#dcdcdc	#dcd3dc	#dccadc	#dcc2dc	#dcb9dc	#dcb1dc	#dca8dc	#dda0dd
#dcdcdc	#dcd3dc	#dccadc	#dcc2dc	#dcb9dc	#dcb1dc	#dca8dc	#dda0dd

Kombination von #dcdcdc und #dda0dd
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. Cras id velit ante.				Die Ähnlichkeit von #dda0dd und #dcdcdc beträgt 92.81%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.19%. #dda0dd ist nicht als Schriftfarbe auf Hintergrund #dcdcdc geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #dcdcdc				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dcdcdc und Farbwert #dda0dd

Zebra-Effekt bei Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbwert #dcdcdc und Farbwert #dda0dd.

<style type="text/css"><!--
  th.odd { 
    background-color:#dcdcdc;
  }
  th.even { 
    background-color: #dda0dd;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">R1:1</td><td class="even">R2:1</td><td class="odd">R3:1</td></tr>
<tr><td class="odd">R1:2</td><td class="even">R2:2</td><td class="odd">R3:2</td></tr>
<tr><td class="odd">R1:3</td><td class="even">R2:3</td><td class="odd">R3:3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Der Tag th ist in der HTML Referenz bei <th> gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Tag dd

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

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #dcdcdc.

<style type="text/css"><!--
  dd { border:1px ridge #dcdcdc; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #dda0dd ändert.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML finden. Die Beschreibung des hier gezeigten HTML-Tag dd erfahren Sie in der HTML Referenz unter <dd>.