Drop any image here, or click to browse
Hover to preview · Click to pick a color
Getting brand colours from a logo without source files
A common situation in UK design studios: a client sends a logo as a JPEG or PNG but has no Illustrator or Figma source. This tool resolves that in seconds. Upload the image, click on the coloured area, and the exact HEX code appears immediately. UK agencies use this for competitor research too , screenshotting a competitor's website and sampling its header colour gives a precise starting point for design comparison.
The native browser Eyedropper API (available in Chrome 95+ and Edge 95+, widely used in the UK) performs a similar function at OS level, but it requires desktop access. This tool works entirely in the browser with any image file, without needing any browser extension, and outputs HEX, RGB, HSL and RGBA in one click. For full palette extraction from an image, see the Colour Palette Extractor.
Colour format reference
| Format | Example | Typical use |
|---|---|---|
| HEX | #1a73e8 | CSS, HTML, Figma, Sketch |
| RGB | rgb(26, 115, 232) | CSS, image processing |
| HSL | hsl(217, 79%, 51%) | CSS colour manipulation, dark mode |
| RGBA | rgba(26, 115, 232, 1) | CSS with transparency layer |
Limits of pixel-level colour picking
JPEG compression introduces artefacts , pixels near edges may not represent the true flat colour of a logo element. For best results, use a PNG or SVG screenshot where anti-aliasing artefacts are minimal. Click on the centre of a coloured area rather than the edge. Very dark or very light pixels may appear slightly different on screen due to monitor colour profiles (sRGB vs Display P3 on Apple devices); the value shown is the raw screen pixel in sRGB.
From picked colour to design system
Once you have the HEX code, paste it into the Colour Palette Generator to build a complete tints-and-shades scale for use in Tailwind CSS config or design tokens. Photography colour grading , a popular UK hobby and profession , also benefits from this workflow: pick a key tone from a reference photo, then generate a matching palette for print or social media output.