Best foreground and background color constrast
sublime tool
I was wondering if there's some sort of standard that defines what is a good visual contrast between text color and background color -- for when you're designing a UI theme, for example.
There is actually something like that.
There's a bunch of technical documents by the W3C (World Wide Web Consortium) on designing web pages to be accessible / readable by lots of people, especially those with disabilities. When you dig deeper, all that info is based on scientific studies.
Some of their recommendations include these:
- Choosing contrast for text vs background color.
- Choosing contrast for non-text (images) vs background color.
- Choosing contrast for text vs background color.
- Choosing contrast for non-text (images) vs background color.
Some people made tools based on the math behind those guidelines to help choosing colors that have good contrast ratios:
- Contrast-Ratio
- Color Contrast Checker
The rest is not really useful, it's all targeted at web content when people can change settings like font size etc. to suit their needs, something that most games don't support.
But I found this interesting: How not to cause seizures on people with your animated graphics.