Image Color Blindness Simulator - Upload & See
Upload any image and view it as a person with deuteranopia, protanopia, or tritanopia would. Promote inclusive design.
UD5 Toolkit
Simulate how images and UI elements appear to people with different types of color vision deficiency. Upload your design or use our demo to check accessibility.
Upload Your Image
Drag & drop or click to browse
Supports JPG, PNG, WebP, SVG
Upload any image and view it as a person with deuteranopia, protanopia, or tritanopia would. Promote 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.
Visualize how aperture, focal length, and subject distance affect background blur. Interactive DOF calculator.
See a random color and type its name. Score based on accuracy. Fun for designers. Local.
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Enter two hex colors and compute the CIE76, CIE94, and CIEDE2000 color difference. Understand how humans perceive color similarity.
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Toggle imageβrendering: auto, pixelated, crispβedges on a scaled image. Essential for pixel art display.
Browse the OKLCH color space with sliders for lightness, chroma, and hue. See the CSS oklch() code. Modern and accessible.
Enter foreground and background colors and see a matrix of how each pair works for normal, protanopia, deuteranopia, and tritanopia.
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.
Add a dramatic nightβvision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
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.
Convert any image into an 8βbit indexed PNG by reducing to a custom number of colors. Vintage game look. Local quantizer.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
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.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Apply a pixel sorting glitch effect to your photo. Sort pixels by brightness, hue, or saturation. Create abstract art. Canvas.
Automatically adjust brightness, contrast, and saturation of a photo. Click to enhance and download. Canvasβbased.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Feed, play, and care for a cute pixel pet inside your browser. Its state persists via localStorage. Don't let it die!
Pick colors from a palette or use the eye dropper to sample colors from your screen. Converts between HEX, RGB, HSL. An essential tool for designers.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvasβbased.
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
An interactive color wheel that teaches primary, secondary, tertiary colors, and harmonies. Pick and mix like a pro.
Reduce GIF file size by lowering color count and removing duplicate frames. See sideβbyβside preview. All local.