Check Color Palette for Color Blindness
Test your color palettes for accessibility and see how they appear with different types of color blindness
Add Colors
Quick Add Presets:
Accessibility Analysis
Overall Score
Average contrast ratio
WCAG 2.1
Impact on Protanopia
Your Palette - Protanopia View
Red
Original
#FF0000Simulated
#c6c500Suggestions
Green
Original
#00FF00Simulated
#b0b187Contrast with previous
Suggestions
Blue
Original
#0000FFSimulated
#0000e2Contrast with previous
Suggestions
Accessibility Analysis
WCAG Guidelines
- • AA Standard: 4.5:1 contrast ratio
- • AAA Standard: 7:1 contrast ratio
- • Large Text: 3:1 contrast ratio
Color Blindness Tips
- • Test with all simulation types
- • Use high contrast combinations
- • Add patterns or icons
- • Avoid red-green combinations
Export Palette
How the Palette Checker Works
The Palette Checker helps you test your color palettes for accessibility. Add your brand or UI colors, simulate how they appear for different types of color blindness, and get instant feedback on contrast and accessibility. Export your palette as JSON, CSS, or PNG for easy sharing.
Privacy: All color analysis and simulation are performed locally in your browser. No data is sent to our servers.
Who is this for? Essential for designers, developers, and teams who want to build accessible, inclusive products.
Example: Palette Color Blindness Simulation
Common Questions
Is my palette private?
Yes. All processing is done locally in your browser. Your palettes are never uploaded or stored.
Can I use this for commercial projects?
Absolutely! This tool is free to use for personal, educational, and commercial projects.
What types of color blindness can I simulate?
You can simulate Protanopia, Deuteranopia, Tritanopia, Achromatopsia, and more. Just select a type above the palette preview.
Try Another Tool
We are committed to accessibility. If you have feedback or suggestions, please contact us.
Back to Home