What colour formats does the picker output?

The picker shows HEX (e.g. #FF8800), RGB (e.g. rgb(255, 136, 0)), and HSL (e.g. hsl(32, 100%, 50%)) for every pixel you hover over or click.

Can I sample multiple colours from one image?

Yes. Click to pin colours to a palette. You can compare multiple colours and copy any of them individually.

Can I use this to match brand colours from a logo?

Yes. Upload the logo image, hover over the exact pixel you want, and copy the HEX or RGB value for use in your CSS, design tool, or brand guide.

Best Free Online Image Color Picker

Identifying the exact colour of any pixel in an image is essential for designers matching brand colours, developers hardcoding values in CSS, and anyone who needs to replicate a colour seen in a photo or graphic. devtoolkit.sh's Image Color Picker lets you load any image and hover or click to see the precise HEX, RGB, and HSL values for any pixel. Click to pin a colour to your palette so you can compare multiple picks and copy the values you need. Processing is entirely client-side — your images never leave your device.

Upload Image

FAQ

What colour formats does the picker output?: The picker shows HEX (e.g. #FF8800), RGB (e.g. rgb(255, 136, 0)), and HSL (e.g. hsl(32, 100%, 50%)) for every pixel you hover over or click.
Can I sample multiple colours from one image?: Yes. Click to pin colours to a palette. You can compare multiple colours and copy any of them individually.
Can I use this to match brand colours from a logo?: Yes. Upload the logo image, hover over the exact pixel you want, and copy the HEX or RGB value for use in your CSS, design tool, or brand guide.