Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ba55d3 und Farbwert #fffff0

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 #ba55d3			Schriftfarbwert #fffff0
Detail	:	Hintergrund #ba55d3	Detail	:	Schrift #fffff0
Farbwert	:	#ba55d3	Farbwert	:	#fffff0
Farbe	:	mediumorchid	Farbe	:	ivory
HTML	:	#ba55d3	HTML	:	#fffff0
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#fffff0
CSS	:	#ba55d3	CSS	:	#fffff0
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#fffff0
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#fffff0
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,255,240)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,100%,94%)

Verlauf Hintergrundfarbwert #ba55d3 nach Schriftfarbwert #fffff0
#ba55d3	#c36dd7	#cd85db	#d79ddf	#e1b6e3	#ebcee7	#f5e6eb	#fffff0
#ba55d3	#c36dd7	#cd85db	#d79ddf	#e1b6e3	#ebcee7	#f5e6eb	#fffff0

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

Hintergrundfarbwert #ba55d3				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#fffff0	#fffff0	#fffff0	#fffff0
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#fffff2	#fffff2	#dadacd	#dadacd
#cd85df	#cd85df	#843c96	#843c96	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#d79de5	#d79de5	#6a3078	#6a3078	#fffff6	#fffff6	#919189	#919189
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#fffff8	#fffff8	#6d6d66	#6d6d66
#ebcef2	#ebcef2	#35183c	#35183c	#fffffa	#fffffa	#484844	#484844
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ba55d3 und Farbwert #fffff0

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl ins

Die Hintergrundfarbe soll sich von Farbwert #ba55d3 auf Farbwert #fffff0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <ins> in Farbwert #ba55d3 vor.

Für dieses Beispiel setzen wir die Hintergrundfarbe von <ins> auf Farbwert #ba55d3. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  ins { 
    background-color:#ba55d3; 
    font-family:monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #fffff0 ändert.

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

Weiteres zum hier gezeigten HTML-Tag ins finden Sie in der HTML Referenz unter <ins>.