Colorblind Accessibility Simulator
Paste your color palette and see how it appears for different types of color vision deficiencies. Useful for designing accessible UIs.
This is a simple approximation of how colors may appear for different types of color vision deficiency. Always pair color with text or icons and run full accessibility tests for production UIs.
Preview (normal)
Original
#4F46E5
Simulated
#4F46E5
Original
#EC4899
Simulated
#EC4899
Original
#22C55E
Simulated
#22C55E
Original
#F97316
Simulated
#F97316
Related tools
URL Encode / Decode
Percent-encode or decode URLs and query strings for web use.
HTTP Header Checker
Fetch and inspect HTTP response headers for a given URL.
URL Shortener (Demo)
Generate demo short URLs from long links on the front-end.
Color Picker & Palette Generator
Pick a base color and generate tints, shades, and accent colors. Copy HEX values for your UI and design work.
Gradient Generator
Create linear gradients with multiple color stops and angles. Preview and copy the CSS code.