What colour formats are shown?

HEX (e.g. #3b82f6), RGB (e.g. rgb(59, 130, 246)), and HSL (e.g. hsl(217, 91%, 60%)).

Can I build a palette from an image?

Yes. Click multiple spots to collect colours into a saved palette that you can copy from.

CLR

Color Picker

Pick colors from images and convert them into HEX, RGB and HSL values for design work

Image ToolsRuns in browserNo signup

Drop an image here

or click to browse

About Color Picker

Color Picker lets you upload any image and click on any pixel to extract its exact colour value. You get the colour in HEX, RGB, and HSL format so you can use it directly in CSS, design tools, or code.

The tool also works as a standalone colour picker and palette builder. You can sample multiple colours from an image to build a palette, then copy each value individually. All processing happens in the browser on your device.

This is useful for extracting brand colours from a logo, matching a photo to a UI palette, or inspecting the exact shade used in a design mockup. It replaces the need for a desktop eyedropper or taking a screenshot just to find a colour value.

Color Picker Knowledge Base

What It Is Used For

Pick colors from images and convert them into HEX, RGB and HSL values for design work. People usually use this tool when they need fast, repeatable output without opening a heavy desktop app or sharing private data with a third-party service.

How To Use It

Paste your input, adjust the visible options, run the action, then copy or download the result. For keyboard-heavy workflows, supported tools also respond to Ctrl+Enter or Cmd+Enter.

Search Topics Covered

color picker, pick color from image, hex color picker, rgb color picker, eyedropper tool, image color extractor. This page is written to answer those common search intents with practical browser-based examples and privacy-first processing.