3 ms·

I have worried about this a lot, but basically now try to get inspiration and take example from webs that I consider highly readable. I also developed a set of

I have worried about this a lot, but basically now try to get inspiration and take example from webs that I consider highly readable. I also developed a set of internal rules; for instance, my maximum "black" is #333 (#333333) and my minimum "white" is #eee (#EEEEEE). Anything going further than these to the middle should have a real reason and not just because it's prettier. Edit: #333 over a #eee (worst-case scenario with my guideliness) gives a 10.9:1 ratio, while #333 over #fff gives a 12.6:1 ratio, both totally acceptable. So I am not sure how the author concludes that #333 is not good enough and we should use #000; Why should the people who is doing it right and pleasant change it because few others are using ridiculous colors as in the examples? It's like saying you shouldn't eat any sugar at all because many people is fat when you are perfectly healthy.

wldcordeiro 10y ago
Don't worry about it. You seem to be doing it right. The author just used #333333 as an example because people tend to just think "I can't use pure black" rather than still being conscious of their contrast. You seem to give thought towards it and pick shades that still retain readable contrast.
zephyrfalcon 10y ago
For some reason, the article itself uses #333333 for its text. (Because of antialiasing, most of the pixels that make up the text are actually (much) lighter than this, at least on my system...)
epeus 10y ago
Why are you throwing away so much of the gamut like this? You are ensuring that the best possible ratio is 10.9:1 rather than 21. Now, what happens if your user is outside and the ambient light on the screen makes what was dark much lighter? What happens when screen dimming kicks in and reduces screen brightness. You are likely designing on a very bright desktop monitor, effectively staring into a lightbulb all day. Turn down your monitors brightness instead of forcing everyone else to turn theirs up to match.

wldcordeiro 10y ago

Don't worry about it. You seem to be doing it right. The author just used #333333 as an example because people tend to just think "I can't use pure black" rather than still being conscious of their contrast. You seem to give thought towards it and pick shades that still retain readable contrast.

zephyrfalcon 10y ago

For some reason, the article itself uses #333333 for its text. (Because of antialiasing, most of the pixels that make up the text are actually (much) lighter than this, at least on my system...)

epeus 10y ago

Why are you throwing away so much of the gamut like this? You are ensuring that the best possible ratio is 10.9:1 rather than 21. Now, what happens if your user is outside and the ambient light on the screen makes what was dark much lighter? What happens when screen dimming kicks in and reduces screen brightness. You are likely designing on a very bright desktop monitor, effectively staring into a lightbulb all day. Turn down your monitors brightness instead of forcing everyone else to turn theirs up to match.