Color Picker
Pick colors from any image with a live eyedropper, then extract a full palette and export to CSS, HEX, RGB, HSL or Tailwind.
Pick exact colors from any image, copy them instantly as HEX, RGB, or HSL, and export a complete palette as CSS custom properties or a Tailwind config. Ideal for designers matching brand colors, developers building design systems, and anyone who needs to know exactly what color is in an image. Everything runs locally in your browser — no upload, no account required.
Drag & drop an image or browse files
JPEG · PNG · WebP · GIF · BMP
Three steps, done
Drop Your Image
Upload any image file. The canvas loads instantly — no server involved, everything stays local.
Pick or Extract
Hover the image to preview colors live. Click to pin them. The palette of 8 dominant colors is auto-extracted.
Copy or Export
Copy any individual value (HEX, RGB, HSL) or export the full palette as CSS variables, Tailwind config and more.
Who uses it and why
Brand & Identity Work
Extract exact HEX and RGB values from a client logo or mockup to build CSS design systems without guessing colors or switching between desktop apps.
UI & Front-End Development
Pick colors directly from a reference screenshot or design file and export as HEX, RGB, HSL, or a full Tailwind config — ready to paste into code.
Photography & Art Direction
Identify the dominant palette from a photo to inform print or digital color decisions. Auto-extraction surfaces the 8 most distinct colors in any image.
Design Systems & Tokens
Build a consistent color token set from existing imagery and export directly as CSS variables or a Tailwind palette — no manual entry required.
Your images never leave your device
All color extraction runs entirely in your browser using the Canvas API. When you drop an image onto the page, it is read into memory locally — no bytes are transmitted to any server, no file is uploaded, and no data leaves your browser session. Closing the tab clears everything. Safe to use with client files, unreleased designs, or any image you prefer to keep private.
Works in every modern browser
The color picker uses the standard Canvas API, universally supported since 2015. No plugins, extensions, or downloads required.
Common questions
Does the color picker upload my image to a server?
No. Your image never leaves your device. The tool uses the browser's built-in Canvas API to read pixel data locally — no server, no upload, and no network request of any kind.
What color formats can I copy and export?
You can copy individual colors as HEX, RGB, or HSL. The palette export supports CSS custom properties, plain HEX lists, RGB lists, HSL lists, and Tailwind CSS config format.
How does the automatic palette extraction work?
When you upload an image, the tool samples pixels across the canvas and groups similar colors together, returning the 8 most visually distinct dominant colors in the image.
What image formats are supported?
Any format your browser can display — JPEG, PNG, WebP, GIF, BMP, and SVG. If your browser can render it, the color picker can read it.