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

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

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbwert #8a2be2
#fffacd	#eedcd0	#ddbed3	#cca1d6	#bc83d9	#ab66dc	#9a48df	#8a2be2
#fffacd	#eedcd0	#ddbed3	#cca1d6	#bc83d9	#ab66dc	#9a48df	#8a2be2

Kombination von #fffacd und #8a2be2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#8a2be2 eignet sich nicht als Schriftfarbe auf Hintergrund #fffacd, da die Farben zu ähnlich sind. Die Ähnlichkeit von #8a2be2 und #fffacd ergibt sich zu 73.24%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 26.76%.

Hintergrundfarbwert #fffacd				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#fffad4	#fffad4	#dad6af	#dad6af	#9a49e6	#9a49e6	#7624c1	#7624c1
#fffbdb	#fffbdb	#b6b292	#b6b292	#ab67ea	#ab67ea	#621ea1	#621ea1
#fffce2	#fffce2	#918e75	#918e75	#bc85ee	#bc85ee	#4e1881	#4e1881
#fffce9	#fffce9	#6d6b57	#6d6b57	#cca4f2	#cca4f2	#3b1260	#3b1260
#fffdf0	#fffdf0	#48473a	#48473a	#ddc2f6	#ddc2f6	#270c40	#270c40
#fffef7	#fffef7	#24231d	#24231d	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbwert #8a2be2

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag dd

Die Hintergrundfarbe soll sich von Farbwert #fffacd auf Farbwert #8a2be2 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbwert #fffacd vor.

Als Beispiel legen wir Farbwert #fffacd als Hintergrundfarbe von <dd> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana und ändern die Schriftgröße auf 9pt:

<style type="text/css"><!--
  dd { 
    font-size:9pt; 
    background-color:#fffacd; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #8a2be2 gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    background-color: #8a2be2;
  }
//-->
</style>

Weiteres zu dd erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom hier genutzten Tag <dd>.

Text- und Unterstreichungsfarben von Tag dfn

Wir ändern für dieses Beispiel die Textfarbe von <dfn> auf Farbwert #8a2be2. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <dfn> mit Hilfe eines gefurchten Rahmens mit 3 Punkte Dicke in Farbwert #fffacd. Mit HTML geht dies kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  dfn { 
    border-bottom: 3pt groove #fffacd; 
    color: #8a2be2; 
    font-size: 9pt; 
    font-family: monospace;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema dfn können Sie in Text in HTML finden. Weiteres zum HTML-Tag <dfn>.