Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8a2be2 und Farbe plum

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 #8a2be2			Schriftfarbe plum
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift plum
Farbwert	:	#8a2be2	Farbe	:	plum
Farbe	:	blueviolet	Farbwert	:	#dda0dd
HTML	:	#8a2be2	HTML	:	plum
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#dda0dd
CSS	:	#8a2be2	CSS	:	plum
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbe plum
#8a2be2	#953be1	#a14ce0	#ad5ddf	#b96ddf	#c57ede	#d18fdd	#dda0dd
#8a2be2	#953be1	#a14ce0	#ad5ddf	#b96ddf	#c57ede	#d18fdd	#dda0dd

Kombination von #8a2be2 und plum
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.				Die Ähnlichkeit der Farben plum und #8a2be2 ergibt sich zu 86.29%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.71%. plum eignet sich nicht als Schriftfarbe auf Hintergrund #8a2be2. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #8a2be2				Schriftfarbe plum
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#9a49e6	#9a49e6	#7624c1	#7624c1	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#ab67ea	#ab67ea	#621ea1	#621ea1	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#bc85ee	#bc85ee	#4e1881	#4e1881	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#cca4f2	#cca4f2	#3b1260	#3b1260	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#ddc2f6	#ddc2f6	#270c40	#270c40	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#eee0fa	#eee0fa	#130620	#130620	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbe plum

Wechsel der Umrandung bei Hover von Befehl button

Die Rahmenfarbe soll sich von Farbwert #8a2be2 auf Farbe plum ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <button> in Farbwert #8a2be2 vor.

In diesem Beispiel umranden wir <button> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #8a2be2.

<style type="text/css"><!--
  button { border:2px groove #8a2be2; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu plum ändert.

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

Weiteres zu button können Sie in Formulare in HTML erfahren. Weiteres zum hier verwendeten HTML-Tag button ist in der HTML Referenz unter <button> ausführlich zusammengestellt.

Hintergrund/Text-Kombination bei HTML-Befehl span

In diesem Beispiel ändern wir die Textfarbe von <span> auf Farbe plum und die Hintergrundfarbe von <span> auf Farbwert #8a2be2. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße erhöhen wir auf 127%.

<style type="text/css"><!--
  span { 
    font-size: 127%; 
    color: plum; 
    background-color: #8a2be2; 
    font-family: sans-serif;
  }
//-->
</style>

Möglichkeiten vom HTML-Tag span finden Sie in der HTML Referenz unter <span>.