Accessibility Color Wheel

This space is available for advertising. If you are interested please contact me at gmazzocato@gmail.com

Info on the purpose of this tool is available in my home page

Click to choose the color hovered

Algorithm:

Contrast ratio (WCAG 2 recommended)
Contrast / brightness difference (WCAG 1)

Normal

1*		2*
C		B
Contrast ratio

Use: Choose a foreground color by pointing the mouse over the wheel or the grey bar and click. Then click the "Background" button and choose a background color the same way. If OK becomes visible here below the color pair is good for accessibility. Otherwise change one color or both by selecting foreground or background with the left buttons. Ok in the "C","B" or "Contrast ratio" fields means the contrast/difference in brightness or contrast ratio is good for that form of daltonism.

OK!

* You can enter an hex value (3 or 6 digits) in this box. Then just click Update

Values and examples

Deuteranope

1		2
C		B
Contrast ratio

Deuteranopia is insensitivity to green. This box simulates the vision of deuteranope (partial color blind) people.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque pede felis, consequat sit amet, congue in, 1234 ultrices id, orci. Phasellus quam lacus, mollis nec, interdum et, malesuada nec, mauris. Nulla facilisi. Ut pharetra dignissim risus. Etiam at sapien et leo porta accumsan. Praesent lacus lectus, elementum quis, lobortis vitae, egestas non, dui.

Protanope

1		2
C		B
Contrast ratio

Protanopia is insensitivity to red. This box simulates the vision of protanope (partial color blind) people

Tritanope

1		2
C		B
Contrast ratio

Tritanopia is very rare and is insensitivity to blue. This box simulates the vision of tritanope (partial color blind) people.

Hover over the wheel or the grey bar to choose colors. Click to confirm the color. Here's an explanations of the algorithms involved.

Accessibility Color Wheel version 2.0 by Giacomo Mazzocato
Based on the Color Wheel by Jemima Pereira

To use it offline, all the necessary files are in this zip archive.

This tool is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

Home page