Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dda0dd und Farbwert #a0522d

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.

Hintergrundfarbwert #dda0dd			Schriftfarbwert #a0522d
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #a0522d
Farbwert	:	#dda0dd	Farbwert	:	#a0522d
Farbe	:	plum	Farbe	:	sienna
HTML	:	#dda0dd	HTML	:	#a0522d
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#a0522d
CSS	:	#dda0dd	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 Hintergrundfarbwert #dda0dd nach Schriftfarbwert #a0522d
#dda0dd	#d494c3	#cb89aa	#c27e91	#ba7378	#b1685f	#a85d46	#a0522d
#dda0dd	#d494c3	#cb89aa	#c27e91	#ba7378	#b1685f	#a85d46	#a0522d

Kombination von #dda0dd 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#a0522d eignet sich nicht als Schriftfarbe auf Hintergrund #dda0dd. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #a0522d und #dda0dd ergibt sich zu 87.08%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 12.92%.

Hintergrundfarbwert #dda0dd				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 Farbwert #dda0dd und Farbwert #a0522d

Füllen und Umranden von Befehl li

In diesem Beispiel umranden wir <li> mit einem . Den Hintergrund von <li> setzen wir entsprechend auf Farbwert #dda0dd. Das ist mit HTML nicht möglich. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  li { border:5pt double #a0522d; background-color:#dda0dd; }
//-->
</style>

Mehr zu li lesen Sie in Listen und Glossare in HTML. Beschreibung vom Tag <li>.

Wechsel der Textfarbe bei Hover mit Tag a

Mit Befehl <a> erzeugen Sie einen Link und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #dda0dd auf Farbwert #a0522d ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #dda0dd vor.

Für dieses Beispiel legen wir bei <a> die Textfarbe auf Farbwert #dda0dd fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  a { 
    font-family: arial; 
    color: #dda0dd;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #a0522d geändert wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Einzelheiten vom Tag a sind in der HTML Referenz bei <a> genau gezeigt.