Hover an image to magnify pixels and click to capture a color. Get HEX, RGB and HSL at once, with a click history.
100% Local
How to Use Image Color Picker
- Upload an image โ drag, click or paste.
- Hover to move the magnifier โ it shows a zoomed-in view of the pixels under the cursor.
- Click to capture the color at the center crosshair.
- Copy the HEX, RGB or HSL value with the buttons. Click a history swatch to recall a previous color.
HEX vs. RGB vs. HSL โ which to use?
HEX is the standard for HTML/CSS and design tools. RGB (0โ255 each) is common in image editing and code. HSL (Hue 0โ360ยฐ, Saturation/Lightness 0โ100%) is the easiest to reason about when you want to lighten, darken or shift a color, because each channel maps to a human concept.
Features
- Precision magnifier with crosshair for picking individual pixels.
- HEX, RGB and HSL outputs shown simultaneously.
- One-click copy of each value.
- Color history โ click any swatch to recall it.
- All processing runs locally in your browser. Your data is not uploaded to any server.
Related Tools