👁️

ฟรี Color Blindness Simulator

See how your design looks to people with color vision deficiencies. Simulates protanopia, deuteranopia, tritanopia, achromatopsia, and milder anomalies.

ไม่มีขีดจำกัดขนาดไฟล์ไฟล์ยังคงเป็นส่วนตัวไม่ต้องเข้าสู่ระบบฟรีตลอดไป

วางไฟล์ที่นี่หรือคลิกเพื่อเรียกดู

JPG, PNG, WebP ไม่มีขีดจำกัดขนาดไฟล์

เรียกดูไฟล์

ไฟล์ของคุณไม่เคยออกจากอุปกรณ์ การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

Upload a design, infographic, or photo to see how it appears to people with color vision deficiencies. Especially useful for: chart designers, UX designers, and accessibility audits.

Optimize for your platform

Audit Charts and Graphs for Color Blindness Audit UI Designs for Accessibility Test Print Designs for Color Accessibility Photographer Color Education Teach About Color Vision Deficiency

วิธีการทำงาน

Color vision deficiency (CVD) is simulated using Brettel-Viénot color transformation matrices — the standard algorithm used in accessibility tools.

1
You drop an image
The image is loaded into a canvas in your browser. Pixels are downsized for performance (max 1200 px on the longest edge).
2
A 3×3 color transform is applied to every pixel
Each CVD type has a specific matrix. For deuteranopia (green-blind), red and green channels get mixed in a way that mimics what people with only L+S cones perceive.
3
The transformed image displays alongside the original
Switch between CVD types to see how the same image looks for the ~8% of men with some form of color vision deficiency.

Your image stays in your browser. Even the simulation math runs locally on your CPU — no server, no API, no upload.