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.