Skip to content
Kordu Tools Kordu Tools

Image Colour Picker

Runs in browser

Pick colours from any image and get HEX, RGB, and HSL values. Extract a full colour palette instantly.

Last updated 31 Mar 2026

Upload any image and click anywhere to extract exact pixel colours. Get instant HEX, RGB, and HSL values for each picked colour. Build a multi-colour palette from any photo, screenshot, artwork, or design file. The 10 most recent picks are saved for easy comparison and one-click copying. Runs entirely in your browser — your images never leave your device.

Click to upload or drag and drop

PNG, JPG, JPEG, WEBP, GIF, BMP up to 50MB
Loading rating…

How to use

  1. 1

    Upload an image

    Click the upload area or drag and drop any PNG, JPG, WebP, GIF, or BMP image.

  2. 2

    Move to preview colours

    Hover your cursor over the image. A live colour preview updates in real time showing the exact colour under your cursor.

  3. 3

    Click to pick a colour

    Click anywhere on the image to capture that pixel's colour. The HEX, RGB, and HSL values appear instantly.

  4. 4

    Copy your colour values

    Click any colour value (HEX, RGB, or HSL) to copy it to your clipboard. Your last 10 picks are saved in the palette below.

Frequently asked questions

Is my image uploaded to a server?
No. The image is loaded into a canvas element in your browser. It never leaves your device — all colour sampling happens locally.
How accurate are the colour values?
Values are pixel-accurate from the raw image data. They represent the exact colour at the clicked pixel position, including any JPEG compression artefacts.
Can I pick multiple colours?
Yes. Each click adds a new colour to the palette. The tool saves your 10 most recent picks for easy comparison and copying.
Does this work with screenshots?
Yes. Any image format works — photos, screenshots, UI mockups, illustrations, and graphic designs.
What colour formats are available?
HEX (e.g. #ff3d4a), RGB (e.g. rgb(255, 61, 74)), and HSL (e.g. hsl(355, 100%, 62%)) — all three are displayed for each picked colour.
Can I extract a complete colour palette from a photo?
Yes. Click the dominant colours in your image one at a time to build a manual palette. For automated palette extraction from the entire image, try a dedicated palette generator tool.
What image formats are supported?
PNG, JPG/JPEG, WebP, GIF, and BMP images up to 50MB.
Can I use the picked colours in CSS directly?
Yes. Copy the HEX or HSL value and paste it directly into your CSS, Tailwind config, or design tool colour input.

Extract exact colours from any image with pixel-level precision. Upload a photo, screenshot,

design mockup, or any image file, then click anywhere to instantly get the HEX, RGB, and

HSL values for that exact pixel. A live colour preview follows your cursor so you can see

the colour value before committing to a click.

The tool maintains a palette of your 10 most recent picks — each with its HEX, RGB, and

HSL values displayed for one-click copying. Build a complete colour palette from a brand

photo, extract the exact shades from a competitor's website screenshot, or identify colours

from design mockups to use in your CSS.

Common use cases: identifying brand colours from logos and marketing materials, matching

colours from photos for design projects, extracting palette inspiration from artwork or

photography, verifying contrast ratios between picked colours, and reverse-engineering

colour schemes from screenshots.

Everything runs in your browser using the Canvas API. Your images are never uploaded to

any server. Works with photos, screenshots, illustrations, graphics, and any supported

image format.

Related tools

Colour Picker

Pick any colour and instantly view HEX, RGB, HSL, HSV, CMYK, alpha, and decimal values. Copy any format with one click.

Colour Contrast Checker

Check WCAG colour contrast ratios between foreground and background colours. See AA and AAA pass/fail badges instantly.

Image Filters

Apply photo filters and adjustments — brightness, contrast, saturation, grayscale, sepia, vintage, and more.

Image Cropper

Crop images visually with aspect ratio presets and social media sizes — Instagram, YouTube, Twitter, and more.

Background Remover

Remove image backgrounds instantly using AI — transparent PNG output, no account needed, runs entirely in your browser.