Image Color Picker FREE | Pick Colour Codes from Any Photo Online

Click anywhere on any image to instantly get the HEX, RGB, and HSL colour code at that pixel. Copy any format with one click. Colour history keeps your last 12 picked colours. Runs entirely in your browser — no upload, no account.

Private — No Upload

Pixel Precise

12 Colour History

Free Forever

Image Colour Picker

Drop an image or click to browse

Frequently Asked Questions

The colour picker reads the exact RGB values of the pixel you click using the canvas getImageData API. For photographs, the displayed colour code is accurate to the single-pixel level — however, due to JPEG compression and antialiasing in photographs, adjacent pixels may have slightly different values. For precise colour matching in design work, hover over several nearby pixels and choose the most representative value, or use an area of flat solid colour for exact matching.

HEX is the six-character hexadecimal format used in CSS and web design (e.g. #FF6633). RGB represents the same colour as three numbers from 0-255 for red, green, and blue (e.g. rgb(255, 102, 51)). HSL represents colour as hue (0-360 degrees on the colour wheel), saturation (0-100%), and lightness (0-100%) — a more human-intuitive model for describing colours. All three represent the same colour and are used in different contexts: HEX in CSS, RGB in JavaScript and design tools, HSL for colour manipulation.

Yes. Take a screenshot, save it as a file, and load it into this tool. Screenshots are typically PNG files which capture exact screen colours without compression, making them ideal for picking pixel-precise colour codes from UI elements, logos, and any on-screen content.

The last 12 colours you pick are stored as colour swatches in the history row. Click any swatch to copy that colour's HEX code to your clipboard. This is useful when you are picking colours from multiple areas of an image and building a colour palette. The history is stored for the current browser session only — refreshing the page clears it.

Yes. Load the logo image, click on each brand colour area, and copy the HEX codes. For the most accurate results, use a PNG version of the logo (which uses lossless compression) rather than JPEG (which can introduce colour shifts near edges due to lossy compression). The colour history allows you to pick and store multiple brand colours before copying them all.

About One Doc Studio

One Doc provides Forever Free browser-based tools. Nothing is uploaded. Your files never leave your device.

Free Image Color Picker Online — Extract Exact HEX RGB HSL Colour Codes from Photos

Identifying exact colour codes from photographs, logos, screenshots, and artworks is an everyday need for web developers, graphic designers, brand managers, and content creators. When a client provides only a visual representation of their brand without a style guide, reproducing the exact brand colours requires a colour picker. When a photographer creates a colour palette inspired by a landscape photograph, exact HEX codes are needed for the design system. When a front-end developer needs to match UI colours to a design mockup, pixel-perfect colour sampling is essential. The Image Colour Picker on OneDocPDF provides single-pixel colour sampling with HEX, RGB, and HSL output formats and a 12-colour history.

The canvas getImageData API is the browser-native method for reading pixel colours from a canvas element. When you click the image, the tool calculates the clicked canvas coordinate, reads the four-byte RGBA value at that pixel using getImageData, and converts the red, green, and blue values into HEX, RGB, and HSL representations. This is the same underlying approach used by professional colour sampling tools, and it is pixel-accurate for losslessly compressed PNG images. For JPEG images, very minor colour variations at edges and textures are expected due to JPEG block compression.

Building a colour palette from an image is one of the most common use cases for this tool. Brand designers extract colour palettes from client-provided photography or competitor brand materials. Interior designers sample paint-equivalent colours from mood board photographs. Fashion designers extract seasonal colour palettes from runway photography. Web developers create consistent colour themes by sampling accent colours from hero images. The 12-colour history is specifically designed to support this palette-building workflow — pick colours from different areas of the image, then copy each one to your design tool.

After identifying colours from an image, you may want to use our Colour Code Converter to convert between HEX, RGB, HSL, HSV, and CMYK formats, or to generate complementary and shade variations from the picked colour. For colour matching in print workflows, converting from the picked HEX to CMYK in the colour converter helps identify the print-equivalent colour.

Explore related image tools: Brightness and Contrast to adjust image colours, Convert to Grayscale to remove colour, Add Text to Image with matched colour text, Watermark Image with brand colours, and Add Border with matched brand colour. All free on OneDocPDF.