versione italiana

Accessibility Color Wheel

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

gray bar

Normal


Use: Choose a foreground color by pointing the mouse over the wheel or the grey stripe and click. Then click the "Background" button and choose a background color the same way. If OK becomes visible down here the color pair is good for accessibility. Otherwise change one color or both selecting foreground and background by the left buttons. Ok in the single textboxes means the contrast/difference in brightness is good

OK!

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

Values and examples

Deuteranope


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


Protanopia is insensitivity to red. This box simulates the vision of protanope (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.

Tritanope


Tritanopia is very rare and is insensitivity to blue. This box simulates the vision of tritanope (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.

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

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

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