Simulates how uploaded images appear to people with various types of colour vision deficiency: Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind), Protanomaly/Deuteranomaly/Tritanomaly (partial deficiencies), and Achromatopsia (monochromacy). Uses scientifically validated colour transformation matrices applied via a canvas element. Useful for designing accessible UIs.
Click to upload an image to simulate
Upload an image and click a colour blindness type to see how it appears to affected viewers.
Generate linear, radial, and conic CSS gradients with live preview.
Create CSS box shadows with live preview and code output.
Generate CSS border-radius values visually.
Generate CSS text-shadow effects with live preview.
Convert image files to Base64-encoded data URLs.
Convert Base64-encoded data URLs back to viewable and downloadable images.