Ressourcen: 137 HTML Farbnamen - Kombination von Farbe plum und Farbwert #a0522d

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.

Hintergrundfarbe plum			Schriftfarbwert #a0522d
Detail	:	Hintergrund plum	Detail	:	Schrift #a0522d
Farbe	:	plum	Farbwert	:	#a0522d
Farbwert	:	#dda0dd	Farbe	:	sienna
HTML	:	plum	HTML	:	#a0522d
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#a0522d
CSS	:	plum	CSS	:	#a0522d
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe plum nach Schriftfarbwert #a0522d
#dda0dd	#d494c3	#cb89aa	#c27e91	#ba7378	#b1685f	#a85d46	#a0522d
#dda0dd	#d494c3	#cb89aa	#c27e91	#ba7378	#b1685f	#a85d46	#a0522d

Kombination von plum und #a0522d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#a0522d eignet sich nicht als Schriftfarbe auf Hintergrund plum, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #a0522d und plum ergibt sich zu 87.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.92%.

Hintergrundfarbe plum				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#a0522d	#a0522d	#a0522d	#a0522d
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#ad6a4b	#ad6a4b	#894626	#894626
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#bb8369	#bb8369	#723a20	#723a20
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#c89c87	#c89c87	#5b2e19	#5b2e19
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#d6b4a5	#d6b4a5	#442313	#442313
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#faf1fa	#faf1fa	#1f161f	#1f161f	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe plum und Farbwert #a0522d

Füllen und Umranden mit Tag a

Einen Verweis setzen Sie mit HTML-Tag <a>. Diesen können Sie farblich gestalten und hervorheben.

Hier umranden wir <a> mit einem . Den Hintergrund von <a> setzen wir auf Farbe plum. Dies ist in HTML so kaum möglich. Daher verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style: dashed; 
    background-color: plum; 
    border-width: 3px; 
    border-color: #a0522d;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Einzelheiten des Tag <a>.

Wechsel der Textfarbe bei Hover bei Tag td

Die Textfarbe soll sich von Farbe plum auf Farbwert #a0522d ändern, wenn man mit der Maus auf <td> zeigt. Wir bereiten zunächst die Formatierung von <td> in Farbe plum vor.

Wir legen z.B. bei <td> die Textfarbe auf Farbe plum fest.

<style type="text/css"><!--
  td { 
    color:plum;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf #a0522d ändert.

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

Mehr zu td finden Sie in Tabellen in HTML. Mehr zum Tag <td>.