Loading…
Pick colors from images and get color values in HEX, RGB, HSL, and other formats.
Everything runs locally in your browser
The image is drawn on an HTML canvas and pixel colors are read with getImageData on your device. Nothing is uploaded. For screen-wide sampling, use a Chromium-based browser that supports the EyeDropper API.
The color picker reads the exact color of any pixel in an image and gives you its value in HEX, RGB, and HSL at once. Upload a screenshot, photo, logo, or mockup, then click anywhere on it to lock a color and copy the format you need. It is a fast way to match a brand color, sample a gradient, or recover a value you can see but do not have on hand.
Everything happens on your device. The image is drawn onto an HTML canvas and pixel colors are read with the canvas getImageData API — the file is never uploaded, logged, or stored, so you can sample private designs without them leaving the tab. Supported inputs are PNG, JPEG, WEBP, and GIF up to 25 MB.
If your browser supports the EyeDropper API (available in most Chromium-based browsers), a "Pick from screen" button lets you sample any color visible anywhere on your screen, not just inside the uploaded image. Recent picks are kept in a small palette so you can jump back to a color you sampled earlier.
Every picked color is shown at once as a HEX code, an RGB string, and an HSL string, each with its own copy button.
No. The image is decoded and read on an HTML canvas in your browser, so the file never leaves your device.
It uses the browser's EyeDropper API to sample any color visible on your screen, not just inside the uploaded image. It appears only in browsers that support the API, such as most Chromium-based ones.
You can load PNG, JPEG, WEBP, and GIF files up to 25 MB.
Yes. Recent picks are stored in a small swatch palette; click any swatch to make it the active color again.