Tool StudioPick any color, get HEX/RGB/HSL instantly
"Pick from screen" needs a Chromium-based browser (Chrome, Edge) — use the swatch or image sampler instead.
Choose a method
Pick from screen, sample an image, or use the color swatch.
See every format
HEX, RGB, and HSL update instantly.
Copy what you need
Click any value to copy it.
Pick a color three ways: the native browser eyedropper samples any single pixel anywhere on your screen, not just this page; uploading an image lets you sample a pixel from it with a live pixel-level magnifier, the same way the browser's own eyedropper works; or just use the color swatch directly. Every method shows HEX, RGB, and HSL values side by side, each with one-click copy. Everything runs in your browser — an uploaded image is read and sampled locally with canvas, never sent anywhere, and nothing is saved between visits. Once you've got a color, paste its HEX into Color Converter + Palette to build a full palette from it.
The EyeDropper API is currently only supported in Chromium-based browsers (Chrome, Edge) — use the swatch or image sampler in other browsers.
No — it's sampled entirely in your browser using canvas, and never uploaded.
RGB describes a color as amounts of red, green, and blue light — precise, but not intuitive to adjust by hand. HSL describes the same color as hue, saturation, and lightness, which maps much more naturally to how people think about color ("a bit darker", "more vivid") — that's why HSL is often easier to tweak directly in code.
Yes — the native browser EyeDropper can sample any pixel on your screen, including other windows and applications, not just this page. That's a real browser capability built into Chrome and Edge, not something limited to this tool.
Yes — copy the HEX value here and paste it into Color Converter + Palette to generate shades, complementary, analogous, or triadic palettes from it.
Any common image format your browser can display — JPG, PNG, WebP, GIF, and more.
No fixed limit — the image is never uploaded anywhere, it's read and sampled directly in your browser, so the practical limit is just your own device's memory.
Yes — uploading an image and tapping to sample a pixel works the same on a phone as on desktop.
No — nothing is saved or stored; each pick is shown immediately for you to copy, and nothing persists between visits.
The exact single pixel — using the browser's own EyeDropper API for screen picks, or a direct canvas pixel read for image sampling, not a blended or averaged color.
Those tools' built-in pickers only sample from within their own canvas. This one samples from anywhere — any screenshot, website, or app on your screen — which is useful when the color you want is outside those programs, or you don't have them open at all.
Searching "color picker" on Google does show a quick built-in tool, and Chrome's DevTools has one too. This one is a standalone page with HEX/RGB/HSL shown together, image sampling with a magnifier, and no need to open DevTools or scroll a search results page to get back to it.
No — it runs entirely in your browser as a webpage. Nothing to install, no extension, no app.
Yes — each pick shows its nearest match from the 147 standard CSS color names, alongside the exact HEX, RGB, and HSL values.
Convert colors between HEX, RGB, and HSL instantly, and generate shade, complementary, analogous, and triadic palettes from any base color. All processing happens in your browser.
Convert SVG markup or files to PNG images at any scale, from 1x up to 8x for crisp high-resolution output. All rendering happens in your browser using canvas — nothing is uploaded.
Generate every standard favicon size from one image — 16×16 up to 512×512, plus Apple touch icon and Android/PWA sizes — along with a ready-to-use web manifest. All processing happens in your browser.
Resize images to exact pixel dimensions or by percentage, with an aspect-ratio lock. Convert to PNG or JPEG. Preview before/after size and dimensions. All processing happens in your browser — images never leave your device.