ページを読み込んでいます
Simulate how users with color vision deficiency perceive colors to design accessible color schemes
Enter foreground and background colors in palette mode, or upload an image in image mode
Check how colors appear under 7 types of color vision deficiency along with WCAG contrast ratios
Adjust your color scheme if contrast ratios are insufficient to ensure accessibility for all users
Contrast ratio: 17.06:1
A tool that scientifically simulates how users with color vision deficiency (CVD) perceive colors. Based on the Brettel (1997) method, it provides accurate simulations to help ensure accessibility in web design and app development.
Color vision deficiency (CVD) is a condition where distinguishing certain colors is difficult. It affects approximately 8% of males and 0.5% of females worldwide. The most common types are protanopia and deuteranopia, which affect red-green color perception.
The Brettel et al. (1997) method is a color vision simulation technique based on the LMS cone response model of the human visual system. It performs projection transformations according to specific color vision characteristics and is one of the most widely used scientific simulation methods.
Yes, all processing is done entirely in your browser. Image data is never sent to any server.
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold+) to meet the AA standard.