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.
Tiếp tục khám phá
Công cụ Accessibility Tools khác bạn có thể thích…
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