Audit Charts and Graphs for Color Blindness
Test data visualizations to ensure they're understandable for the ~8% of men with color vision deficiency.
ファイルをここにドロップするか、クリックして選択
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.
Data Viz tips
Red/green is the most common CVD-failing combination in charts. Try your chart in deuteranopia mode — if red and green lines are indistinguishable, you have a problem.
Fix: use color + shape + pattern. Add markers (circles vs squares), line styles (solid vs dashed), or direct labels.
Modern chart libraries (D3, Chart.js, Recharts) have CVD-safe palettes — viridis, cividis, magma. Use those instead of red/green.
使い方
なぜ私たちのツール?
Also check out…
Audit UI Designs for Accessibility
Check your app UI screenshots in CVD modes — make
Test Print Designs for Color Accessibility
Posters, infographics, and printed materials all b
Photographer Color Education
Photographers can use the simulator to understand
Teach About Color Vision Deficiency
Demonstrate to students, designers, or developers
