Comments on: Color Choices for Better Readability

By: Long Island Web Design

Long Island Web Design — Fri, 05 Feb 2010 19:49:49 +0000

Thanks for the great tips because color are designer’s eye

By: Four Tools for CSS Optimization & Compression | Devlounge

Four Tools for CSS Optimization & Compression | Devlounge — Mon, 25 Jan 2010 20:32:40 +0000

[...] one not only verifies your CSS with the W3C, it also tests your color contrast. Which, if you read my last post, is pretty [...]

By: ウェブデザインに伴う色の考察 | Nutspress

ウェブデザインに伴う色の考察 | Nutspress — Mon, 25 Jan 2010 06:47:12 +0000

[...] モニターを変えてみるとかサムネイルを作って比べてみるとか、いろいろやって調整してます。ちょうど、色のことでいえばコリスさんで『ウェブデザインで可読性を考慮した背景と文字の色の組み合わせ方』というエントリーの中で『Color Choices for Better Readability』というのが取り上げられていて参考になります。 [...]

By: Stacy

Stacy — Thu, 21 Jan 2010 14:57:47 +0000

For long paragraphs, I would also choose Headline 4. If I encounter a site that will cause imaginary black lines to be burned into my eyes after reading it, I will turn off the CSS.

I always keep this in mind when developing a site.

By: Victoria Blount

Victoria Blount — Thu, 21 Jan 2010 10:25:14 +0000

This is an interesting post, as long as the colours do contrast i think that the slightly softer shades like a grey on white are more soothing to read. Coloured text on white is easier on the eye also.

By: Thomas Plastino Martin

Thomas Plastino Martin — Wed, 20 Jan 2010 19:43:25 +0000

I think there is an error in your second image.

Shouldn’t this:

Orange on Black
#ffffff on #ffffff

be this:

Orange on White
#ff9933 on #ffffff

Color choices that I make are very similar to what you have outlined here. I much prefer #333 to #000 on a white background because it reduced the contrast between background and text.

The idea I go by seems to be outlined pretty nicely here. I make sure that a color pair looks good whether the background is colored or not. I especially like the green and blue that is shown here.