Color Blindness Simulator
Compare side by side how a chosen color looks to people with red-green or blue-yellow color vision deficiency
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
Approximates how your chosen color appears with red (protanopia) and green (deuteranopia) red-green deficiency, blue-yellow deficiency, and total color blindness, showing each next to the original. Switch between full color blindness and partial (mild) deficiency to easily check whether your UI, chart, or status colors stay distinguishable for users with color vision deficiency.
How to use
- Set the color to test using the color picker or HEX input.
- Select the simulation strength with the 'Color blind (full)' or 'Color weak (partial)' tab.
- Compare the original and the converted result for each color vision deficiency type side by side.
- Copy each result's HEX to use in your design and contrast review.
FAQ
- How do red-green and blue-yellow color blindness differ?
- Red-green color blindness (protan and deutan) makes red and green hard to tell apart and is the most common. Blue-yellow (tritan) makes blues and yellows hard to distinguish and is relatively rare.
- Why is it a problem if two colors look similar?
- When information is conveyed by color alone—chart legends, success/failure indicators, link colors—users with color vision deficiency can miss it. It's best to pair color with icons, labels, and brightness contrast.
- Can I diagnose color vision deficiency with these results?
- No. It's an approximation using linear transformation matrices and is affected by individual differences and your display environment. Use it only as an accessibility check, not a medical diagnosis.