Enjoying Utilverse?
It's free and ad-free. A small gift keeps it alive and helps build new tools. Thank you! ❤️
Support us
What it is
Upload an image and pick the exact color of any pixel by hovering over it, with a magnifying lens that shows you the precise spot. Get the values in HEX, RGB and HSL ready to copy and automatically extract the dominant color palette, to export as CSS variables, JSON or a PNG image — all in your browser, with nothing uploaded.
- Exact pixel color in HEX, RGB and HSL with one click
- Dominant palette extracted automatically from the image
- Export the palette as CSS, JSON or PNG, plus native EyeDropper to pick from anywhere on screen
How it works
Upload the image
Drag a file into the upload area or import it from your Workspace.
Pick the color
Move the mouse over the image: the lens shows the magnified pixel. Click to lock the color and copy its HEX, RGB or HSL values.
Use the palette
Copy individual dominant colors or export the whole palette as CSS variables, JSON or a PNG image.
Features
Exact pixel color
Magnifying lens and precise full-resolution reading, with copyable HEX, RGB and HSL values.
Automatic palette
Dominant color extraction with a median-cut algorithm, sorted by brightness.
Developer export
Export the palette as CSS variables, a JSON array or a ready-to-share PNG image.
Native EyeDropper
Where supported, pick a color from anywhere on the screen, not just from the image.
FAQ
No. Everything happens in your browser via canvas: the image never leaves your device.
It's a native browser API that lets you pick a color from anywhere on screen. Where it's supported we show the dedicated button; otherwise you can always pick by clicking on the image.
You can copy the CSS variables, copy the JSON array of colors, or download a PNG image with all the swatches and their HEX codes.