Simulate how your colors appear to people with different types of color vision deficiency. Test accessibility of color palettes.
Full color perception
~1% of males
~1% of males
~0.003%
~0.003%
~1% of males
~5% of males
DevUtility Hub is free forever. If it helped you, consider buying us a coffee.
Buy Me a Coffee500+ production-ready Tailwind components & templates
Design, prototype & collaborate in one tool
Build production websites visually — no code needed
Sponsored links
Sponsored
Add your colors (from design systems, brand palettes, or UI components) and instantly see how they appear under six types of color vision deficiency.
About 8% of males and 0.5% of females have some form of color vision deficiency. Testing your color choices against different vision types isn't optional — it's essential for inclusive design.
Convert colors between HEX, RGB, and HSL with interactive sliders. Outputs Tailwind CSS classes.
Create beautiful CSS gradients with visual controls. Supports linear, radial, and conic gradients with Tailwind output.
Design CSS box shadows with live preview and multiple layers. Export as CSS or Tailwind arbitrary values.
Check if your password has appeared in data breaches. Uses k-anonymity — your full password never leaves your browser.
Validate, prettify, and minify JSON data instantly in your browser. No data leaves your device.
Advanced find and replace with regex support. Process large text files entirely in your browser.