What color scheme is best for sunlight readability? [closed]

Question

With screen types aside (backlit LCD, OLED, matte, glossy, etc...), what color scheme provides the most readability in direct sunlight?

I have not been able to find much on this in a day of Googling. The Kindle uses black on grey. I've seen light grey used on black for some mobile apps claiming good sunlight readability. With how prolific mobile apps are, I am surprised that there is not more on this subject within easy searching distance.

I went so far as to make a bunch of test swatches in paint and go outside and flip through them. It is mostly cloudy outside today so it wasn't direct sunlight but, from that quick subjective test Black on White was the best with White on Black, Black on Yellow and Black on Light Grey still pretty readable.

Fatback

You should also consider battery consumption. White background, leading to a lot of white colour on your display, is going to eat a lot of battery. – Eleen

I think this was a great question. Getting tired of SO moderators. – Fracas

I have to agree with Travis. This is a great question for those developing UIs for outdoor use. – Peloria

Sound like a great question for ux.stackexchange.com! – Osseous

ux.stackexchange.com didn't exist when this question was asked. :) But, yes, that would be the place to ask it now. – Fatback

Voted to reopen this. This question is about "software tools commonly used by programmers; and is a practical, answerable problem that is unique to software development", which fits the site rules – Crescentic

I suppose I was thinking more of color schemes in text editors, for people who want to develop outside sometimes. Not quite the same as this question after re-reading, although it could be taken that way. – Crescentic

Answer 1

As per this thread from 2004 on slashdot.org, high contrast is the way to go. Some of the commenters also note that the human eye is more sensitive to greens and yellows.

I went into paint and made a bunch of test images. The images were just a solid color background with solid text of another color in various font sizes. I took an HP Slate with the images outside and flipped through them. It was mostly cloudy yesterday but still quite a bit brighter than inside.

• Black on White was the most readable.
• White on Dark Green was probably the second most readable.

Anything with a blue background around the shade of the sky was the worst of the bunch (not really a surprise there).

As AudioDroid commented, white backgrounds will do their part to drain battery life. Pure black (#000000) backgrounds are typically not liked by a majority of consumers. However, dark colors with white or almost-white greens and yellows are almost as good and give you a little bit more color to play with.

It is also worth noting that the HP Slate 500 has a VERY reflective screen, its almost like looking at a mirror and dark backgrounds make this more apparent. A matte finish would have helped quite a bit, just something else to keep in mind.

Fatback