Title

Color Picker

Drop, paste (Ctrl+V), or click to upload

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Upload a photo to pick colors

Or try a sample:

Sample 1
Sample 2
Sample 3
— Click image to pick color

Color Palette

Colors: 3

Color Picker & Extractor – Free Online Tool

Our free online color extractor lets you pick any color from a photo in one click — no software to install and no account required. Upload your image, hover to magnify, click on any pixel to instantly see its HEX, RGB, HSL, and HSV values, then generate a full color palette from your chosen color. Download results at any time.

How to Pick Colors from a Photo

1
Upload Your Image

Drop a photo onto the panel, click Upload Photo, or paste with Ctrl + V. Supports JPEG, PNG, WebP, HEIC & GIF.

2
Click to Pick a Color

Hover over the image to zoom in with the magnifier, then click anywhere to capture that pixel's color. HEX, RGB, HSL, and HSV values appear instantly.

3
Copy or Generate a Palette

Click any value field to copy it to the clipboard, save colors for later, or generate a full color palette and export it as CSS variables or a PNG swatch strip.

Key Features

  • Four color formats – view and copy the picked color in HEX, RGB, HSL, and HSV with a single click on any value field.
  • Pixel-accurate magnifier – a circular zoom lens follows your cursor so you can pinpoint exactly the pixel you want.
  • 8 palette types – generate Analogous, Complementary, Triadic, Tetradic, Split-Complementary, Monochromatic, Shades, or Tints palettes with 3–10 swatches.
  • Export options – copy all palette HEX codes at once, download a PNG swatch strip, or export the palette as CSS custom properties (:root variables).
  • Saved colors – bookmark any color to a personal saved-colors panel stored in your browser; clear them whenever you like.
  • HEIC support – iPhone photos in HEIC/HEIF format are automatically converted before color picking.
  • Works entirely in your browser – your photos are never uploaded to any server.
  • Free & unlimited – no signup, no watermarks, no limits.

What Is a Color Extractor?

A color extractor (or image color picker) is a tool that reads the exact color of any pixel in a photograph and converts it into standard color codes used in design and development. Instead of eyeballing a color or manually entering values, you simply click the spot you are interested in and the tool does the conversion for you — from the raw RGB values your screen displays all the way through to HSL and HSV representations used in graphic design workflows.

The color palette generator takes this one step further: once you have chosen a base color, it applies color theory to produce harmonious color schemes ready to use directly in CSS, Figma, or any design tool.

Common Uses

  • Brand color extraction – pull exact HEX codes from a logo or brand photo to use consistently across a website or design system.
  • Web & UI design – match colors to a product image or hero photograph so your layout feels cohesive.
  • Palette generation – start from a single key color and create a full complementary or analogous scheme for a project.
  • Print & illustration – sample reference photos to find accurate RGB values before mixing paint or configuring a print profile.
  • CSS theming – export palette variables directly into a :root block to drop straight into a stylesheet.

Frequently Asked Questions

Yes, the tool is 100% free with no usage limits. You do not need to create an account or provide any payment information.
No. All processing is done entirely inside your browser using the HTML5 Canvas API. Your image is never sent to any server, so your privacy is fully protected.
The tool shows the picked color in four formats simultaneously: HEX (e.g. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), and HSV (hsv(216, 73%, 84%)). Click any field to copy it instantly.
While you move your cursor over the image, a circular magnifier appears near your cursor showing a zoomed-in view of the surrounding pixels. This makes it easy to identify and click the exact pixel you want, especially in photos with fine detail or subtle color transitions.
Click any pixel on your image to set a base color, then scroll down to the Color Palette section. Choose a palette type (Analogous, Complementary, Triadic, etc.) and drag the count slider to select 3–10 swatches. The palette updates instantly. Use Copy Colors, Download PNG, or Export CSS to use the result.
Export CSS copies a :root { } block containing each palette color as a CSS custom property (e.g. --color-1: #3a7bd5;). You can paste this directly into your stylesheet and reference the variables throughout your project.
Yes. HEIC and HEIF files are automatically converted to JPEG in your browser before the image is displayed. A loading indicator appears during conversion and no files are sent to our servers.