Color Tools
Color Blindness Simulator
Simulate protanopia, deuteranopia, tritanopia, or achromatopsia on hex color palettes or uploaded images. Preview how designs appear to color-vision-deficient users.
Loading tool…
How to use
- Pick Colors or Image mode and a CVD type
- Enter hex colors or upload an image
- Compare original and simulated results
Next step
- Contrast Checker
Check foreground and background color contrast for WCAG 2.x. See the ratio plus AA/AAA pass flags for normal and large text with a live preview.
- Color Picker
Pick a color with the native swatch or type HEX, RGB, and HSL values kept in sync. Copy any format or share via URL.
- Image Color Extractor
Upload an image to extract dominant colors with hex codes and percentages. Copy the palette for design work—all in your browser.
Frequently asked questions
Which simulation types are available?
Protanopia (red weak), deuteranopia (green weak), tritanopia (blue weak), and achromatopsia (no color).
How do I simulate a palette?
Choose Colors mode and enter hex values separated by commas or new lines. Each swatch shows original vs simulated.
Are uploaded images sent to a server?
No. Image simulation uses canvas locally in your browser.