Image color picker · processed in your browser · never uploaded
Detect any color from any image
Drop in an image and hover to read the exact pixel. Get HEX, RGB, HSL, CMYK, LAB and more — and your image never leaves your browser.
Drop an image, paste, or choose from your device
PNG · JPG · WEBP · GIF · up to 20MB · never leaves your browser
- Images never leave your device
- Instant in-browser processing
- HEX, RGB, HSL & more
- No sign-up needed
Picked color
Dominant colors
Recent
How it works
Drag and drop, paste from your clipboard, upload a file, or paste an image URL. It loads instantly and stays on your device.
Move over the image and the magnifier reads the exact pixel. Click to lock the color and see every format at once.
Copy HEX, RGB, HSL or any other value with one tap, grab the dominant palette, or send the color into a generator.
Why designers and developers use it
A 24× magnifier loupe reads the precise pixel under your cursor — no more eyeballing close-enough colors.
HEX, RGB, HSL, HSV, CMYK, LAB and XYZ, plus the nearest CSS and Tailwind names, all at once.
Pull the key colors out of any photo or screenshot automatically to kick-start a palette.
Everything runs in your browser. Your images are never uploaded, stored, or seen by anyone.
Check WCAG contrast and simulate color-vision deficiencies before you ship.
Generate CSS variables, Tailwind scales and Bootstrap themes ready to paste into your project.
Popular tools
Convert HEX color codes to RGB values instantly.
Converters RGB to HEX ConverterConvert RGB values to HEX color codes instantly.
Tools Color Palette GeneratorGenerate harmonious palettes from any base color.
Generators Gradient GeneratorBuild linear & radial CSS gradients.
Accessibility Color Contrast CheckerWCAG AA/AAA contrast ratio checker.
Accessibility Color Blindness SimulatorSimulate protanopia, deuteranopia, tritanopia & more.
Developer Tailwind Color GeneratorGenerate a Tailwind color scale from one color.
Tools Color WheelInteractive HSV color wheel and picker.
Built to be private and fast
About ColorDetector
Introduction
ColorDetector is a free image color picker and HEX color finder for anyone who needs the exact color inside a photo, screenshot, logo or design file. Open an image and the detector reads the precise pixel under your cursor — entirely in your browser.
Why choose ColorDetector
It is fast, private and genuinely free. Your image is never uploaded to a server, there is no account to create, and there is no limit on how many colors you detect or convert. It works on desktop and mobile alike.
Key benefits
- Detect any pixel with a 24× magnifier
- Copy HEX, RGB or HSL in one tap
- Extract dominant colors automatically
- 100% private — nothing is uploaded
Supported color formats
Read a single pixel as a RGB color finder and dominant color detector, then export to any of these formats.
Who can use this tool
Which color format should you use?
Most projects only need two or three formats — knowing when to reach for each saves a lot of guesswork.
- HEX — the everyday web shorthand; six characters browsers, CSS and design tools all understand.
- RGB / RGBA — separate red, green and blue channels, plus alpha for overlays and transparency.
- HSL — the friendliest to tweak by hand: adjust hue, saturation and lightness independently.
- CMYK — the format for print work.
- LAB / XYZ — perceptual spaces for when color accuracy across devices matters.
Designers building accessible palettes often think in HSL, since lightness maps closely to contrast. ColorDetector shows every one of these formats at once, so you never have to convert by hand.
Everyday workflows
Two things people reach for the detector to do every day:
- Rebuild a color you can see but don't have — a competitor's button, an old logo, a shade from a photo. Hover the exact spot and copy the HEX; sampling one pixel avoids the slightly-off color you'd get by eye.
- Start a palette from a mood image — dominant-color extraction pulls the handful of colors that define a photograph, giving you an honest starting point instead of a blank canvas.
From there you can jump straight into the palette generator, gradient builder or contrast checker. Each is linked from the result panel, so a color you pick carries through the rest of the toolkit without re-typing anything.
Accuracy, privacy and how detection works
Detection runs entirely on your device — here's what happens when you open an image:
- It's drawn to a canvas in your browser, and the red, green and blue values under your cursor are read directly from the pixels.
- Those values are converted in real time into every supported format using the same color-space math design software relies on.
- Nothing is sent to a server, so the tool works offline once loaded and your images never leave your device — a genuine privacy benefit, not just a marketing line.
Dominant colors are found by sampling the image and grouping similar pixels, then ranking those groups by how much of the picture they cover — a short, representative set rather than a noisy list of near-duplicates. From any detected color, the dedicated generators let you build tints, shades, tones and full scales.
Frequently asked questions
Is my image uploaded anywhere?
No. The detector reads pixels with the Canvas API directly in your browser. Nothing is sent to a server, so it works offline once the page has loaded and your images stay private.
What color formats can I copy?
HEX, RGB, RGBA, HSL, HSV, CMYK, LAB, XYZ, the nearest CSS color name and the nearest Tailwind color — each with a one-tap copy button.
How are dominant colors detected?
The image is downscaled and pixels are grouped into color buckets; the largest buckets become the dominant palette — up to ten colors, all computed locally.
Does ColorDetector cost anything?
No. Every tool is completely free with no account, no watermark and no limit on how many colors you detect or convert.
Can I use it on my phone?
Yes. The site is fully responsive and you can even use your phone’s camera to capture an image and detect colors from it.
Start detecting colors now
No downloads, no sign-up, no waiting. Open an image and read its colors in seconds.