Color Blindness Simulator
Preview triadic palettes under common color vision deficiencies. Pair with contrast checking for inclusive design.
Reduced sensitivity to green (~1% of males).
Normal vision
Simulated: Deuteranopia
Simulation is approximate. Always pair with the WCAG contrast checker for production work.
Color tools
More free color tools
Palettes, gradients, accessibility checks, and print-ready conversions — all in one place.
- Color Palette Generator
Generate harmonious palettes from one color — complementary, triadic, analogous, and more. CMYK values and print gamut warnings included.
- CSS Gradient Generator
Build linear, radial, and conic CSS gradients with live preview. Copy production-ready code instantly.
- WCAG Contrast Checker
Check color contrast ratios against WCAG 2.1 AA and AAA. Includes palette matrix mode and auto-fix suggestions.
- Tint & Shade Generator
Turn one brand color into a Tailwind-compatible 50–950 scale with WCAG contrast badges on every swatch.
- Palette from Image
Extract dominant colors from any photo — runs entirely in your browser. Send colors to converters or palette tools.
- Interactive Color Wheel
Drag to pick a hue and see complementary, triadic, and analogous harmonies live — with HEX, RGB, and CMYK values.
- Print Gamut Checker
See exactly how a screen color shifts when printed in CMYK. Side-by-side press preview with shift warnings.
- Compare Colors (Delta E)
Measure the perceptual difference between two colors with ΔE2000 — plus HEX, RGB, CMYK, and HSL values for both.
Read about value and contrast in our color theory guide, then audit palettes with the contrast checker.
FAQ
Frequently asked questions
Common questions about this tool.
- What is color blindness simulation?
- It approximates how colors appear to people with reduced sensitivity to red, green, or blue cones — helping designers spot collisions between UI states.
- Which types are simulated?
- Protanopia (red), deuteranopia (green), and tritanopia (blue). These cover the most common forms of color vision deficiency.
- Is simulation enough for accessibility?
- No. Always validate contrast ratios with the WCAG contrast checker and avoid relying on color alone to convey meaning.