Image Color Picker

How to get the HEX code of any colour in an image

Getting exact colour codes from images is a core design workflow. Whether you're matching brand colours from a client's logo, pulling palette inspiration from photography, or extracting the exact shade from a mockup for CSS implementation, an eyedropper tool eliminates guesswork. HEX codes are the web standard — every CSS property, design tool, and brand guideline uses them. RGB values are the raw colour components that screens display. HSL separates colour into hue, saturation, and lightness, making it intuitive for adjustments like “make this 10% lighter” or “shift the hue slightly warmer”.

What is a colour palette and how is it extracted?

A colour palette is a curated set of the most representative colours in an image. This tool uses median cut quantisation — the same algorithm used in GIF compression and image processing. It works by collecting every pixel in the image into a single group, finding which colour channel (red, green, or blue) has the widest range, sorting by that channel, and splitting at the median. This process repeats recursively until the desired number of colour groups is reached. Each group is then averaged to produce one representative colour. The result is a perceptually meaningful palette that captures the image's visual character, sorted from lightest to darkest for consistent display.