About Image Color Picker & Palette
Click anywhere on the image to sample the exact pixel colour and copy its HEX, RGB or HSL value. A magnifier helps you target precise points, and the extracted colours are ready to paste into CSS, design tools or brand guidelines.
The palette generator analyses the image and returns its dominant colours with percentage weights, which is useful for matching a website theme to a photo or building a colour scheme from a mood board. Everything is computed locally with the Canvas API, so no image is uploaded.
How to use Image Color Picker
- Open an image
Drop a photo or design file. Click anywhere on the preview to sample that pixel's colour.
- Copy the colour value
Switch between HEX, RGB and HSL and copy the value you need for your CSS or design tool.
- Generate a palette
Click Extract Palette to get the image's dominant colours with their relative weights, then copy the whole set.
Frequently Asked Questions
How do I get the HEX code of a colour in a photo?
Load the image and click the exact spot you want. The tool reads that pixel and shows its HEX, RGB and HSL values, which you can copy with a single click — no separate eyedropper extension required.
What is a dominant colour palette?
It is the small set of colours that best represents the image, usually between five and eight shades. Designers use it to match a site theme to a photo or to build a consistent colour scheme from reference material.
Is the image uploaded for colour extraction?
No. The image is drawn to a canvas and analysed pixel by pixel in your browser, so it is safe to use with unreleased designs, client work and personal photos.