ChromaFocus LITE Instructions

Purpose of ChromaFocus LITE

ChromaFocus LITE is a next-generation Contrast and Colorblind Color-Picker designed around the idea that designers and developers need to start anticipating their color-picking results rather than using the traditional "shot in the dark" technique. To accomplish this, the user must have the following...

  1. A visual (or non-visual) understanding of how the WCAG 2.0 Contrast Algorithm works
  2. The ability to make increasingly adept color-picking choices based on that knowledge

How ChromaFocus LITE works

ChromaFocus LITE gives the user "filters" that allow them to anticipate the results of their color picking behaviors. The filters are designated by the contrast requirements of WCAG 2.0, namely double-a and triple a standards.

By activating a filter, ChromaFocus LITE will provide both visual and audio (for screen-reader users) feedback on the pass-fail results of their color-picks, AND also the range of values which will cause a "failure" in the first place.

This means that the user can actively predict where and when the color channel, whether red, green or blue, will fail the test. By knowing that, they can make increasingly more sophisticated decisions and "bets".

ChromaFocus LITE's Colorblind Filter is not screen reader accessible at this time. Discussions are being held on the best means to facilitate screen reader usage of this feature. Opinions on this subject are welcome and encouraged through the github site at this link:

Contrast/Colorblind Color Picker


Red for font color

Green for font color

Blue for font color

AlphaChannel for font color (only)

Font Color Conversion Options:


Red for background color

Green for background color

Blue for background color

Background Color Conversion Options: