Gradient Color Blindness Simulator - Online Test Palettes
Upload a gradient or enter a palette and simulate how it appears with different types of color vision deficiency. Ensure inclusive data visualization.
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 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.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Convert any image into an 8‑bit indexed PNG by reducing to a custom number of colors. Vintage game look. Local quantizer.
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Upload an image and extract its dominant colors or full color palette. Download as a CSS snippet or color swatch. Entirely client-side, your images stay private.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvas‑based.
Keep one selected color and turn the rest of the image to grayscale. Eye‑catching selective color effect. Pure canvas.
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Enter foreground and background colors and see a matrix of how each pair works for normal, protanopia, deuteranopia, and tritanopia.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool 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.
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 instantly see its most dominant color as a hex swatch. Uses color quantization. Local.
Toggle image‑rendering: auto, pixelated, crisp‑edges on a scaled image. Essential for pixel art display.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Add a dramatic night‑vision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
Apply a pixel sorting glitch effect to your photo. Sort pixels by brightness, hue, or saturation. Create abstract art. Canvas.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Upload any picture and instantly get a 5‑color palette. Useful for UI design themes. Canvas‑based extraction.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Open a test video in Picture‑in‑Picture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Apply a convolution filter (blur, sharpen) using a Web Worker. See the UI stay responsive while processing. Learn multithreading in the browser.
Generate a random placeholder photo with custom dimensions. Unique greyscale images, no external service. Canvas generated.
Upload an image and see a slider comparison of different JPEG quality levels. Find the optimal file size vs. quality trade‑off.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.