Your Images
Image Preview
Tip: zoom your browser if needed. The colour is sampled from the displayed image pixels.
Your Colour Palette
Add picked colours to build a palette. Download it as a CSS file or JSON file.
Your palette is empty. Pick a colour and select Add to Palette.
Free Online Image Color Picker
An image color picker helps you identify the exact colours used in a photograph, graphic, logo, screenshot, illustration or design. With ZeroKB Image Color Picker, you can upload an image and select a pixel to view its HEX, RGB and HSL colour values. These formats are useful for website design, CSS styling, digital artwork, presentations, branding projects and photo editing. Instead of guessing a shade by eye, use the image preview to sample a colour directly.
How to Pick a Colour from an Image
Start by choosing one or more images from your device, or drag image files into the rounded upload area. Select an image from the uploaded file list to display it in the preview workspace. Click or tap the pixel whose colour you want to identify. The tool reads the displayed image pixel and updates the colour swatch along with its HEX, RGB and HSL values. Use the Copy buttons to copy any value for use in your design application, stylesheet or notes.
Understand HEX, RGB and HSL
HEX is a compact hexadecimal notation commonly used in HTML and CSS, such as #CD0808. RGB describes a colour through red, green and blue channel values, each typically ranging from 0 to 255. HSL describes hue, saturation and lightness, which can be easier to understand when adjusting a colour family or making a shade lighter or darker. Keeping these values together makes it easier to reuse a colour consistently across a website, app, poster or brand identity.
Create and Download a Colour Palette
When you find a colour you want to keep, select Add to Palette. Continue picking colours from the image and add each useful shade to your palette. The palette preview shows each selected colour and its HEX value. Download the collection as a CSS file to use colour variables in a website project, or export JSON when you need a simple structured list for a workflow or design reference. You can copy individual colour values at any time.
Useful Tips for Better Results
For the most useful sample, select a clear area inside the image rather than a blurred edge between two colours. Photographs may contain many nearby shades because of lighting, compression and shadows. Transparent images can also look different depending on the background used by the browser. If you need a colour for a brand, sample a flat area of the logo and compare several nearby pixels before choosing the final value. The tool works in your browser and does not require a separate desktop colour-picker application.
Explore More Free Tools
Frequently Asked Questions
How do I pick a colour from a picture?
Upload an image, select it from the file list, then click or tap the pixel you want to sample. The tool displays HEX, RGB and HSL values.
What is a HEX colour code?
A HEX colour code is a six-digit hexadecimal representation of a colour, usually written with a leading hash, such as #CD0808. It is widely used in CSS and web design.
Can I use this image colour picker on mobile?
Yes. The interface supports mobile browsers. Upload an image and tap the desired pixel in the preview to sample its colour.
Can I pick colours from multiple images?
Yes. Upload multiple image files, then select each file in the image list to inspect it. You can build one palette from colours sampled across different images.
Can I download my colour palette?
Yes. Add the colours you want to keep, then download the palette as CSS or JSON.
Are my images uploaded to a server?
The colour sampling is performed in your browser. This code does not intentionally upload image files to a ZeroKB conversion server. For sensitive files, use a trusted device and browser.