Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbwert #fffafa

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 blueviolet			Schriftfarbwert #fffafa
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #fffafa
Farbe	:	blueviolet	Farbwert	:	#fffafa
Farbwert	:	#8a2be2	Farbe	:	snow
HTML	:	blueviolet	HTML	:	#fffafa
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#fffafa
CSS	:	blueviolet	CSS	:	#fffafa
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #fffafa
#8a2be2	#9a48e5	#ab66e8	#bc83ec	#cca1ef	#ddbef3	#eedcf6	#fffafa
#8a2be2	#9a48e5	#ab66e8	#bc83ec	#cca1ef	#ddbef3	#eedcf6	#fffafa

Kombination von blueviolet und #fffafa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #fffafa und blueviolet beträgt 72.56%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 27.44%. #fffafa ist nicht als Schriftfarbe auf Hintergrund blueviolet geeignet, weil der Unterschied in den Farben zu gering ist

Hintergrundfarbe blueviolet				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#fffafa	#fffafa	#fffafa	#fffafa
#9a49e6	#9a49e6	#7624c1	#7624c1	#fffafa	#fffafa	#dad6d6	#dad6d6
#ab67ea	#ab67ea	#621ea1	#621ea1	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#bc85ee	#bc85ee	#4e1881	#4e1881	#fffcfc	#fffcfc	#918e8e	#918e8e
#cca4f2	#cca4f2	#3b1260	#3b1260	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#ddc2f6	#ddc2f6	#270c40	#270c40	#fffdfd	#fffdfd	#484747	#484747
#eee0fa	#eee0fa	#130620	#130620	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe blueviolet und Farbwert #fffafa

Wechsel der Hintergrundfarbe bei Hover mit Tag abbr

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #fffafa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <abbr> in Farbe blueviolet vor.

Hier setzen wir bei <abbr> die Hintergrundfarbe auf Farbe blueviolet. Die Größe der Schrift erhöhen wir auf 125%:

<style type="text/css"><!--
  abbr { 
    background-color: blueviolet; 
    font-size: 125%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #fffafa geändert wird.

<style type="text/css"><!--
  abbr: hover { 
    background-color: #fffafa;
  }
//-->
</style>

Beschreibung vom Tag <abbr>.