Hover to explore
Preview nearby pixels before pinning the exact sample you want.
Advertisement
Free Tool
Upload an image and hover to sample colours. Click any pixel to pin it — get hex, RGB, and HSL values instantly.
Watch the workflow
Hover to sample colors from any image — click to pin hex, RGB, and HSL values
Drop an image here
or click to browse — JPG, PNG, WebP, AVIF
Your image is loaded directly into a browser canvas. Hovering reads the RGBA values of individual pixels using the Canvas 2D API. Clicking pins the colour to your palette, where you can copy hex, RGB, or HSL values to clipboard with one click. Nothing leaves your device.
How it works
Samples the exact pixel under your cursor — no averaging. For smooth gradients, move your cursor slowly to find the transition point.
Yes. Clicking on a transparent pixel shows the RGB values of the colour channel with the alpha value. Fully transparent pixels report 0,0,0 with alpha 0.
The tool stores your last 10 sampled colours in the session history panel so you can compare swatches side by side.
Related tools
Pixel inspection
The eyedropper samples the rendered pixel and keeps HEX, RGB, and HSL representations synchronized for design and code workflows.
HEX · RGB · HSL
One sampled colour
Preview nearby pixels before pinning the exact sample you want.
Use the representation that matches CSS, design software, or documentation.
Inspect compact details without changing the underlying image data.
Know before you process: Colour-managed applications may display wide-gamut sources differently after browser conversion to the working colour space.
Free, private, no signup.
Pick a color →