tags:

views:

2410

answers:

15

What's the most appropriate background color for a web page? Why? What is the least fatiguing color for eyes? Loads quickly? Works with other colors? Works for the color blind?

White seems to be best for printing and for load speed, but it can seem pretty harsh on the eyes. Is there a better option?

+12  A: 

I'm not sure that some colors load faster than others ;-)

Low vision: high contrast is what's important Color blind: don't use reds with greens

You can have separate print stylesheets..

Kevin Davis
If you don't specify a colour (thus default to the user's settings or browser defaults), your CSS or HTML loads faster. =]
strager
+3  A: 

By simply changing a few numbers in the hex code for white, you can get an equally bright version that provides you with contrast without causing fatigue.

For example, if you find white too stark, try #EFEFEF. Or, if you've got a more pastel-themed webpage, try #FFF6EF.

There are plenty of options. Try visiting a color picker. :)

Salty
A: 

White

Personally, I don't find it hard on the eyes. I wonder if the contrast with forecolors is what is bothering you.

I also use pastel colors a lot, I find them easy on the eyes.

John MacIntyre
A: 

White is the only color. Really. Look at any major website including this one. It's white. Anything else looks amateurish. Gizmodo is the only major website I can think of that is not white.

mhenry1384
Back in the olden days of NCSA mosaic and early versions of netscape, browsers would actually default to a light gray if the page didn't specify a BGCOLOR on the body tag. At some point, everyone switched to white, and I don't think anyone misses the light gray.
Adam Bellaire
+2  A: 

To make the site accessible to the visually impaired, The WAI Guidelines would be helpful.

Calyth
A: 

Actually I believe lighter shades of yellow gives a person less eye strain over longer periods of time then other colors. The glasses to reduce computer eye strain have a yellow tint, and that's why legal pads are yellow. But as far as aesthetic value goes its all opinion to a degree.

Mark Robinson
+5  A: 

White is the best

Warrior
... and it's the quickest to load. ;)
BoltBait
@BoltBait, what proof do you have that it loads quicker?
Zach Langley
I'm sorry, did I forget to use my "sarcasm" tags?
BoltBait
+1 BoltBait.......
BlackPanther
A: 

A couple of examples from my bookmarks of well known non-white sites:

http://us.lifehacker.com/

http://forums.whirlpool.net.au/

http://www.barbelith.com/

http://www.deviantart.com/

There aren't many, but it is possible.

cbp
+1  A: 

My absolute favorite color combination is a background with RGB 20/20/20 (near black) and a foreground with RGB 128/128/128 (silver). This is just the right amount of contrast for viewing the same page for long periods of time. I use this in all my text editors and programming IDEs as well.

Also realize that color alone is not going to paint the full picture. You also need to keep font size and type, spacing, and margins in mind. There's a great article about this at Lighthouse International.

You can use the dated but still quite useful Vischeck tool to see what your web pages look like to users with various types of color blindness.

When you are designing your web site, please, please think of Jackie, Michael, Bill, Lillian, and Marcus.

cowgod
FWIW, I HATE black or near-black web sites.
Software Monkey
A: 

Something like 90% of the top traffic sites all use white backgrounds....

Hortitude
This is meaningless. Which top traffic sites?
e100
+2  A: 

If you're using a simple color as a background, performance should not be impacted. If it's patterned or an image, then yes performance may be impacted.

Both the color temperature and harmony are factors for a color scheme. Importantly, keep the scheme to a relatively small number of colors. See Choosing Web Design Color Palettes: Color Psychology and Tools for Designing Great Web Sites for a nice summary.

As others have noted, if pure white is too stark, it can be toned down to a subtle grey. Note that limiting your site to browser-safe colors may be important to you as well if cross-browser color consistency is an issue.

Also see Choosing Web Colour Schemes for People with Colour Blindness.

Kevin Haines
+2  A: 

From a usability point of view, you would be kind to allow the user's browser to choose the colors the user prefers. I have found that black text on a white background has worked well for hundreds of years, and with a good adjustment on the monitor, it is quite readable with no eyestrain for six or more hours consecutively. (A quality monitor is key.)

Do let the user choose.

Norman Ramsey
A: 

Perhaps viewing a few web design templates will give you an idea. :-)

It really depends on your audience and your page. :-)

Timothy Chung
+5  A: 

BLACK is fastest, because its all zeroes. Any other color needs heavy lifting to transmit those bits over the network, especially WHITE with all its 1s ;)

Besides BLACK is an elegant and hardcore color at the same time, making it the best color of the universe (Why else do you think space is BLACK?). And old-school folk will get that console feeling that makes them yearn for the days of past as a bonus.

So definitely you can't beat BLACK

Robert Gould
Hah! Too funny to upvote. Sorry. ;P
strager
+1. LOL. None Blacker
seanb
Black also reduces energy consumption
Simon_Weaver
A: 

Black with Red font color

Filip Ekberg
Can't see why this got down-voted. Since it's my opinion, but i guess my opinion isn't as good as anyone elses..
Filip Ekberg