Pick colours from any image
Upload an image, click anywhere, and instantly get HEX, RGB, HSL and CMYK values. Everything runs in your browser — your images never leave your device.
Free colour picker for images, HEX codes and design projects
FreeColourPicker is a fast, simple colour picker online for designers, developers, artists, photographers and anyone who needs to identify a colour. Upload a photo, screenshot or artwork and use the colour picker from image to select an exact pixel. The built-in magnifier makes detailed selections easy, even when colours are close together or a small area contains the shade you need.
This image colour picker instantly displays the selected value as a HEX code, RGB, HSL and CMYK. If you work with websites, a HEX colour picker helps you copy a value directly into CSS, design tokens or a brand style guide. For print and production work, CMYK values provide a useful starting point, while RGB and HSL make digital colour adjustments easier. Every result has a one-click copy button, so you can move from inspiration to implementation without manually converting colour formats.
Need more than one colour? The tool automatically finds the dominant colours in an image and presents them as a ready-to-use palette. This colour picker image workflow is useful for building a website palette from a photograph, matching a logo, planning social media graphics or exploring the mood of a reference image. You can also choose a colour manually and generate coordinated shades and tints for buttons, backgrounds, borders and text states.
FreeColourPicker also includes practical tools for everyday design decisions. Use the WCAG contrast checker to test readable text and background combinations before publishing a page, then create a CSS gradient and copy the generated code. If you are searching for a random colour picker, choose a starting colour manually and explore its shades, tints and related palette options for a fresh design direction.
Everything works in your browser with no account, download or complicated setup. Your images stay on your device because processing happens locally, making this an online colour picker you can use for private screenshots, client work and unfinished designs. Whether you search for a hex code colour picker, an online colour picker or a colour picker online from an image, you can select, convert, compare and copy colours in one place for free.
For web designers, a colour picked from an image can become the foundation of an entire visual system. Sample a hero photo to find an accent colour, select a background tone for a landing page, or compare several swatches before choosing a brand-friendly combination. Developers can copy a HEX value into CSS, use RGB for interface effects and review contrast ratios for accessible components. Creative teams can share exact values instead of describing colours loosely, which keeps websites, presentations, illustrations and marketing materials consistent.
The picker is designed to keep the process focused. Start with an image, move over the area you want to inspect and use the loupe to see a closer view before clicking. The selected swatch and colour values update immediately. Save useful discoveries in your local pick history, return to them while refining a palette, and clear the history whenever you want. With image sampling, format conversion, palette extraction, shade generation, tint generation, contrast testing and gradient creation together, this colour tool helps turn visual references into usable design decisions quickly.
Click, drag & drop or paste an image (Ctrl+V)
Selected colour
- HEX
#6D5DF6 - RGB
rgb(109, 93, 246) - HSL
hsl(246, 89%, 66%) - CMYK
cmyk(56%, 62%, 0%, 4%)
Dominant palette
Manual colour picker
Pick a colour to generate shades & tints. Click any swatch to copy it.
Shades
Tints
Contrast checker
- AA
- AAA
- AA Large
Gradient generator
background: linear-gradient(90deg, #6d5df6, #22c1dc);
Pick history
Colours you pick will appear here. History is saved in your browser.
Everything you need to work with colour
Six professional colour tools on one fast, free page — no sign-up, no ads, no uploads.
Pixel-perfect image picker
Upload, drag & drop or paste any image and pick exact colours with a zoomed magnifier loupe.
HEX, RGB, HSL & CMYK
Every pick converts to all four formats instantly — copy any of them with one click.
Dominant palette extraction
The main colours of your image are detected automatically and ready to copy as a palette.
Shades & tints generator
Turn any base colour into a full ramp of darker shades and lighter tints for your design system.
WCAG contrast checker
Test text and background combinations against AA and AAA accessibility standards in real time.
100% private
Everything runs in your browser. Your images are never uploaded, stored or tracked.
How to pick a colour from an image
- Upload your image — click the upload area, drag & drop a file, or paste a screenshot with Ctrl+V.
- Hover to zoom — the magnifier loupe shows a pixel-level view for precise picking.
- Click to pick — the HEX, RGB, HSL and CMYK colour codes appear instantly.
- Copy & go — copy any format with one click, or grab the auto-extracted dominant palette.
Frequently asked questions
Is Free Colour Picker really free?
Yes. Every tool on this site is completely free with no sign-up, no watermarks and no usage limits.
Are my images uploaded to a server?
No. All processing happens locally in your browser using the HTML5 canvas. Your images never leave your device.
Which colour formats can I get?
You get HEX, RGB, HSL and CMYK values for every colour you pick, each with a one-click copy button.
How do I find the dominant colours in an image?
Upload an image and the dominant palette is extracted automatically and shown next to the picker. Click any swatch to copy it.
What contrast ratio do I need for accessible text?
WCAG requires at least 4.5:1 for normal text (AA), 3:1 for large text, and 7:1 for AAA. Use the built-in contrast checker to test your combinations.