Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffacd und Farbe darkviolet

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 #fffacd			Schriftfarbe darkviolet
Detail	:	Hintergrund #fffacd	Detail	:	Schrift darkviolet
Farbwert	:	#fffacd	Farbe	:	darkviolet
Farbe	:	lemonchiffon	Farbwert	:	#9400d3
HTML	:	#fffacd	HTML	:	darkviolet
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#9400d3
CSS	:	#fffacd	CSS	:	darkviolet
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbe darkviolet
#fffacd	#efd6cd	#e0b2ce	#d18ecf	#c16bd0	#b247d1	#a323d2	#9400d3
#fffacd	#efd6cd	#e0b2ce	#d18ecf	#c16bd0	#b247d1	#a323d2	#9400d3

Kombination von #fffacd und darkviolet
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben darkviolet und #fffacd ergibt sich zu 70.52%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 29.48%. darkviolet eignet sich nicht als Schriftfarbe auf Hintergrund #fffacd. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #fffacd				Schriftfarbe darkviolet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#9400d3	#9400d3	#9400d3	#9400d3
#fffad4	#fffad4	#dad6af	#dad6af	#a324d9	#a324d9	#7e00b4	#7e00b4
#fffbdb	#fffbdb	#b6b292	#b6b292	#b248df	#b248df	#690096	#690096
#fffce2	#fffce2	#918e75	#918e75	#c16de5	#c16de5	#540078	#540078
#fffce9	#fffce9	#6d6b57	#6d6b57	#d191ec	#d191ec	#3f005a	#3f005a
#fffdf0	#fffdf0	#48473a	#48473a	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fffef7	#fffef7	#24231d	#24231d	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbe darkviolet

Hintergrund/Text-Kombination bei Befehl blockquote

Wir ändern in diesem Beispiel die Textfarbe von <blockquote> auf Farbe darkviolet und die Hintergrundfarbe von <blockquote> auf Farbwert #fffacd. Die Schriftart setzen wir auf arial. Die Schriftgröße erhöhen wir auf 123%.

<style type="text/css"><!--
  blockquote { 
    color: darkviolet; 
    font-family: arial; 
    background-color: #fffacd; 
    font-size: 123%;
  }
//-->
</style>

Weiteres zu blockquote lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten HTML-Tag blockquote lesen Sie in der HTML Referenz unter <blockquote>.

Wechsel der Textfarbe bei Hover bei Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Hyperlink. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #fffacd auf Farbe darkviolet ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #fffacd vor.

Zum Beispiel legen wir Farbwert #fffacd als Textfarbe von <a> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf arial:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu darkviolet ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Der hier genutzte Tag a ist in der HTML Referenz bei <a> genau gezeigt.