Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumpurple 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.

Hintergrundfarbe mediumpurple			Schriftfarbwert #a0522d
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift #a0522d
Farbe	:	mediumpurple	Farbwert	:	#a0522d
Farbwert	:	#9370db	Farbe	:	sienna
HTML	:	mediumpurple	HTML	:	#a0522d
HTML (Wert)	:	#9370db	HTML (Wert)	:	#a0522d
CSS	:	mediumpurple	CSS	:	#a0522d
CSS (Wert)	:	#9370db	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbwert #a0522d
#9370db	#946bc2	#9667a9	#986390	#9a5e77	#9c5a5e	#9e5645	#a0522d
#9370db	#946bc2	#9667a9	#986390	#9a5e77	#9c5a5e	#9e5645	#a0522d

Kombination von mediumpurple und #a0522d
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#a0522d ist nicht als Schriftfarbe auf Hintergrund mediumpurple geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #a0522d und mediumpurple ergibt sich zu 92.89%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.11%.

Hintergrundfarbe mediumpurple				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#a0522d	#a0522d	#a0522d	#a0522d
#a284e0	#a284e0	#7e60bb	#7e60bb	#ad6a4b	#ad6a4b	#894626	#894626
#b198e5	#b198e5	#69509c	#69509c	#bb8369	#bb8369	#723a20	#723a20
#c1adea	#c1adea	#54407d	#54407d	#c89c87	#c89c87	#5b2e19	#5b2e19
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#d6b4a5	#d6b4a5	#442313	#442313
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#efeaf9	#efeaf9	#15101f	#15101f	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbwert #a0522d

Wechsel der Textfarbe bei Hover von HTML-Tag select

Die Textfarbe soll sich von Farbe mediumpurple auf Farbwert #a0522d ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <select> in Farbe mediumpurple vor.

Wir legen als Beispiel Farbe mediumpurple als Textfarbe von <select> fest. Die Größe der Schrift verringern wir auf 90%:

<style type="text/css"><!--
  select { 
    color:mediumpurple; 
    font-size:90%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #a0522d gesetzt wird.

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

Mehr zum Thema select finden Sie in Formulare in HTML. Einzelheiten des Tag <select>.

Wechsel der Umrandung bei Hover bei Tag p

Die Rahmenfarbe soll sich von Farbe mediumpurple auf Farbwert #a0522d ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe mediumpurple vor.

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe mediumpurple.

<style type="text/css"><!--
  p { 
    border-style: dashed; 
    border-width: 1px; 
    border-color: mediumpurple;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #a0522d ändert.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten HTML-Befehl <p>.