Image Color Picker
Click anywhere on an image to read the exact pixel colour as HEX, RGB and HSL.
Quick answer: Click anywhere on an image to read the exact pixel colour as HEX, RGB and HSL.
Last updated
Frequently asked questions
- What's the difference between HEX, RGB and HSL?
- All three describe the same colour — HEX (e.g. <code>#3B82F6</code>) is most common in CSS, RGB lets you tweak channels independently, and HSL (hue, saturation, lightness) is best for finding tints/shades by adjusting one number.
- Does it average a region or read a single pixel?
- By default it reads the single pixel under your cursor. Hold Shift while clicking to average a 5×5 region — useful when you're picking a noisy area like a photo or a textured background.
- Are my images uploaded?
- No — we draw the image onto a canvas in your browser and read pixel data locally. Nothing leaves your device.
- Will it work on transparent PNGs?
- Yes — fully transparent pixels are reported with alpha 0 and an indication that the colour underneath would show through.
- Can I extract a whole palette?
- For a curated palette of dominant colours, use our Extract Colors tool. This picker is for spot-sampling individual pixels.