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

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 #ffefd5
Detail	:	Hintergrund #ba55d3	Detail	:	Schrift #ffefd5
Farbwert	:	#ba55d3	Farbwert	:	#ffefd5
Farbe	:	mediumorchid	Farbe	:	papayawhip
HTML	:	#ba55d3	HTML	:	#ffefd5
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#ffefd5
CSS	:	#ba55d3	CSS	:	#ffefd5
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbwert #ba55d3 nach Schriftfarbwert #ffefd5
#ba55d3	#c36bd3	#cd81d3	#d797d3	#e1add4	#ebc3d4	#f5d9d4	#ffefd5
#ba55d3	#c36bd3	#cd81d3	#d797d3	#e1add4	#ebc3d4	#f5d9d4	#ffefd5

Kombination von #ba55d3 und #ffefd5
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ffefd5 eignet sich nicht als Schriftfarbe auf Hintergrund #ba55d3, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #ffefd5 und #ba55d3 ergibt sich zu 83.41%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 16.59%.

Hintergrundfarbwert #ba55d3				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#fff1db	#fff1db	#daccb6	#daccb6
#cd85df	#cd85df	#843c96	#843c96	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#d79de5	#d79de5	#6a3078	#6a3078	#fff5e7	#fff5e7	#918879	#918879
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#fff8ed	#fff8ed	#6d665b	#6d665b
#ebcef2	#ebcef2	#35183c	#35183c	#fffaf3	#fffaf3	#48443c	#48443c
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ba55d3 und Farbwert #ffefd5

Füllen und Umranden mit Tag ins

Für dieses Beispiel umranden wir <ins> mit einem . Die Hintergrundfarbe für <ins> färben wir mit Farbwert #ba55d3. In HTML ist dies nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  ins { border:4pt inset #ffefd5; background-color:#ba55d3; }
//-->
</style>

Der HTML-Tag ins ist in der HTML Referenz unter <ins> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl span

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

Wir legen z.B. bei <span> die Hintergrundfarbe auf Farbwert #ba55d3 fest. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  span { 
    background-color: #ba55d3; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #ffefd5 gesetzt wird.

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

Einzelheiten vom Tag span lesen Sie in der HTML Referenz unter <span>.