Preview how your design appears to people with protanopia, deuteranopia, tritanopia.
This tool is on the roadmap. The interface and full documentation are being built — check back soon, or request priority to bump it up the queue.
★ 100+ free tools — no sign-up, no limits, forever.
· Quick search anywhere with Ctrl + KPreview how your design appears to people with protanopia, deuteranopia, tritanopia.
We're building Color Blindness Simulator right now. Drop your email and we'll notify you the moment it's live.
Preview how your design appears to people with protanopia, deuteranopia, tritanopia.
This tool is on the roadmap. The interface and full documentation are being built — check back soon, or request priority to bump it up the queue.
Visually craft CSS border-radius with per-corner sliders, live preview, unit toggle (px/em/rem/%), and shorthand collapsing.
Visually craft CSS box-shadow — offset, blur, spread, color, opacity, inset toggle, plus Material-style elevation presets.
Generate harmonious palettes from any base color — complementary, analogous, triadic, tetradic, split-complementary, monochromatic.
Pick colors and get instant HEX, RGB, and HSL values.
WCAG 2.1 contrast ratio for any fg/bg pair — pass/fail for AA-normal (4.5), AA-large (3.0), AAA-normal (7.0), AAA-large (4.5).