Text Color in HTML

[SkyHog]

I have been battling a demon in web developing for a long time in trying to find a color of text that will fix with a background of mixed colors.

I really like having my personal webpage (www.ridetheskies.com) with the cloudy background, even though I know that some people hold background images up there with embedded sound or full screen flashporn popunders. I cannot find a text color that will fit with the background.

Anyone have any suggestions, or should I just scrap the image and go to something of a solid color? The hardest text to read is in the flight diary part of my webpage (which has not been updated since Gastons).

 

[Michael]

personally...i would drop the image..but..you can try this.

<span style="background-color: #FFFFFF">Text goes here</span>

 

[fgcason]

If you can't solve the problem, bypass it.

Give up on the background being a pristine picture. It is supposed to be more of a subtle background suggestion than a foreground photo that you're looking at.

You can take an image editor and adjust the contrast and/or brightness to wash out the colors to something more useable. I've found that reducing the contrast then adjusting the brightness up/down for the desired effect works fairly well. You can also reduce the saturation and get a black and white base image to work with if desired.

It shouldn't be too hard to find a reasonable balance for a cloud and sky background. IMHO: Reduce the contrast to soften the bright top and dark bottom color difference then brighten it up a bit for the black text you're using. Something like that would probably work rather well on your stories page.

Needs work but how's this for an initial concept: (I just reduced the contrast a good bit to wash out the image then increased the brightness for better contrast with the black text)

 

[gibbons]

I'm with Frank. Reduce the contrast and brightness, or bring the opacity way down (about 50%). Just give a hint of clouds as a background.