Color to CIELAB Converter - Online Perceptual Space
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
UD5 Toolkit
Scientifically measure the perceptual difference between two colors using CIE Delta E formulas. Compare CIE76, CIE94, and CIEDE2000 β the industry-standard color distance metrics.
Completely different colors
ISO/CIE 2000 standardCompletely different colors
Graphic arts referenceCompletely different colors
Euclidean LAB distanceConvert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Convert RGB and hex colors to CIELAB L*a*b* values. Understand perceptual lightness and chromaticity. All local math.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Upload a gradient or enter a palette and simulate how it appears with different types of color vision deficiency. Ensure inclusive data visualization.
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.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Browse the OKLCH color space with sliders for lightness, chroma, and hue. See the CSS oklch() code. Modern and accessible.
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
Interactively create colors in HWB space and get the CSS hwb() function. Simplifies tint/shade workflows. Live preview.
Predict the file size of an image based on pixel dimensions and format (JPEG, PNG, WebP). Rough estimate. Local.
An interactive color wheel that teaches primary, secondary, tertiary colors, and harmonies. Pick and mix like a pro.
Enter a website URL and apply a protanopia/deuteranopia/tritanopia filter. Test full page accessibility.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Convert RGBA colors to CIELAB and other advanced color spaces. For fineβtuning design tokens. Clientβside math.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, crossβorigin friendly.
Quickly adjust the brightness and contrast of an image with live preview sliders. Download the tuned photo. Canvas.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
Extract a color palette from an image using CIELAB kβmeans quantization. Results are perceptually more accurate than RGB methods.
Enter foreground and background colors and see a matrix of how each pair works for normal, protanopia, deuteranopia, and tritanopia.
Convert HSL and HSLA color specifications back to standard HEX codes. Useful when extracting colors from CSS preprocessors. Instant client-side conversion.
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.
Reduce GIF file size by lowering color count and removing duplicate frames. See sideβbyβside preview. All local.
See a color swatch and guess its hex code. Get scored on accuracy. Improve your color intuition. Fun for designers.
Upload an image and instantly see its most dominant color as a hex swatch. Uses color quantization. Local.
Upload an image and also see a UI mockup under different deficiencies sideβbyβside. Powerful for inclusive design.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Check if your browser and display support the wider DCIβP3 color space. See the difference with a simple test pattern.
Detect your current screen resolution, viewport dimensions, and device pixel ratio. Useful for responsive design testing. No data collection.
Convert illuminance units: lux, foot-candle, phot. Useful for lighting design and photography. Quick and free.