Enhanced Color Blindness Simulator - Image & UI Combined
Upload an image and also see a UI mockup under different deficiencies side‑by‑side. Powerful for inclusive design.
UD5 Toolkit
Upload any image and see how it appears to people with different types of color vision deficiency
Red cone deficiency. Reds appear dim or greenish. Affects ~1% of males. Protanomaly is a milder form where red sensitivity is reduced but not absent.
Green cone deficiency. Most common type (~6% of males). Greens appear beige, difficulty distinguishing red/green. Deuteranomaly is the milder, more common variant.
Blue cone deficiency. Very rare (~0.01%). Blues appear greenish, yellows look pink. Not sex-linked — affects males and females equally.
Extremely rare (~0.003%). All cone cells are absent or non-functional. Vision is entirely in shades of gray, often accompanied by light sensitivity and poor acuity.
All image processing happens locally in your browser. No images are uploaded to any server. Simulations are approximations based on scientific models. Individual experiences may vary.
Upload an image and also see a UI mockup under different deficiencies side‑by‑side. Powerful for inclusive design.
Upload a gradient or enter a palette and simulate how it appears with different types of color vision deficiency. Ensure inclusive data visualization.
Enter a website URL and apply a protanopia/deuteranopia/tritanopia filter. Test full page accessibility.
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Visualize how aperture, focal length, and subject distance affect background blur. Interactive DOF calculator.
Reduce the number of colors in an image to a retro 8‑bit look. Uses median cut quantization in the browser. Preview and download the stylized result.
Convert any image into an 8‑bit indexed PNG by reducing to a custom number of colors. Vintage game look. Local quantizer.
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Toggle image‑rendering: auto, pixelated, crisp‑edges on a scaled image. Essential for pixel art display.
Apply a pixel sorting glitch effect to your photo. Sort pixels by brightness, hue, or saturation. Create abstract art. Canvas.
Add a dramatic night‑vision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
Enter two hex colors and compute the CIE76, CIE94, and CIEDE2000 color difference. Understand how humans perceive color similarity.
Pixelate or censor parts of an image by dragging. Adjust block size for mosaic effect. Useful for hiding faces or sensitive data. Client-side processing.
Enter foreground and background colors and see a matrix of how each pair works for normal, protanopia, deuteranopia, and tritanopia.
Apply a convolution filter (blur, sharpen) using a Web Worker. See the UI stay responsive while processing. Learn multithreading in the browser.
Enter the URL of any image and receive a random harmonious palette extracted from it. Click to regen. For quick inspiration.
Upload an image and get its BlurHash string along with a tiny preview. Use for progressive loading. Pure JavaScript.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvas‑based.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Generate a random placeholder photo with custom dimensions. Unique greyscale images, no external service. Canvas generated.
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Apply a true negative color effect to your image. Simulate a film negative or invert scanned documents. Instant canvas transformation.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.