Color Blind Simulator
See how your images and colors appear to people with different types of color blindness (protanopia, deuteranopia, tritanopia, achromatopsia)
Deuteranopia
No green cones (most common) · 1.2% males
Top row: original palette. Bottom row: how those colors appear to someone with deuteranopia.
Drop an image to simulate how it appears with color blindness
Max size: 15MB
Simulations use the Machado-Oliveira-Fernandes (2009) confusion-line matrices applied in linear-RGB space. Approximately 8% of men and 0.5% of women have some form of color vision deficiency, making red-green combinations the most common accessibility issue on the web.
계속 탐색
추천 Accessibility Tools 도구…
WCAG Contrast Checker (Batch)
Test multiple color pairs against WCAG AA/AAA contrast requirements at once — get a pass/fail matrix for your entire palette
Screen Reader Preview
Preview how your HTML will be announced by screen readers — see the accessible name, role, and reading order for each element
Focus Order Visualizer
Visualize the keyboard tab order of any HTML — see exactly where focus lands and spot accessibility issues with tabindex and hidden elements