1. Upload image
Drop a screenshot, app mockup, icon, chart, or product image. If you do not upload one, a sample UI image is generated automatically.
Adjust intensity to preview mild to strong color confusion.100%
Accessibility Vision Lab
色覚シミュレーター
画像をアップロードすると、色覚特性によってどのように見える可能性があるかを比較し、アクセシビリティ改善のヒントを確認できます。
🔒 Browser-only processing
🖼️ Image simulation
📐 Contrast checker
📊 Accessibility report
Simulation types6Common CVD profiles
Upload privacyLocalImage stays in your browser
ContrastWCAGText readability ratio
ExportPNGDownload simulated result
Original
Simulated
Drag the handle to compare
Ready. Choose a simulation profile or upload your own image.
Professional accessibility report
A practical summary for designers and developers. It highlights visual risk, contrast tendency, and palette stability.
Color risk——
Contrast tendency——
Palette colors—Dominant color sampling
Detail loss——
UI color contrast checker
Check foreground and background contrast under normal vision and the selected color vision profile.
—
—
How to improve your design
Clear practical rules that help users regardless of their color perception.
1
Do not rely on color alone
Add labels, icons, patterns, underline states, or shape changes for important meaning.
2
Check contrast before launch
Small text and thin UI elements need strong contrast, especially on mobile screens.
3
Validate charts and status colors
Red/green charts, warning states, and heatmaps often need symbols or direct text labels.