/Workbench/Color

Color Picker

100% Free Utility

Upload any artwork, zoom to pixel level, and sample precise HEX, RGB, and HSL color values.

Processed in browser — zero server uploads

Drop artwork to inspect & sample colors

Hover with precision pixel magnifier to inspect HEX, RGB, HSL, and CMYK with zero quality loss.

PNG, JPG, WebP, GIF, BMP, AVIF, SVG (Max 100MB)

Multi-file drag & drop supported (up to 7 files free)

Inspector & SettingsStudio Specs

Active Color Sample

No Color Sampled

Upload an image to start sampling

Pinned Palette (0)

Click "Pin Color" or double-click the artwork to save swatches to your palette.

Pro Workflow Tip

Zoom in beyond 400% to inspect individual raster edges and pixel grids. Use "Replace Image" to build a unified palette across multiple client assets.

Workflow Guide

How to use Color Picker in 3 steps

01

Upload High-Res Artwork

Drop any PNG, JPG, WebP, GIF, BMP, AVIF, or SVG file to inspect native source pixels.

02

Hover with Precision Loupe

Move across the canvas to view real-time 11×11 pixel raster magnification and exact coordinates.

03

Click & Pin to Palette

Click to sample exact RGB/HEX values, pin colors to your palette, and export production specs.

Production Questions

Frequently Asked Questions

Color sampling is decoupled from the visible display canvas. Sampling reads directly from an offscreen source canvas containing your image's full native unscaled resolution, completely immune to CSS scaling, devicePixelRatio, or browser zoom.

Next in Workflow

Related Tools

Inspect & Compare

Image Inspector

Instantly inspect image dimensions, color profile, aspect ratio, transparency, DPI/PPI, and camera EXIF data.

Open →

Measure & Calculate

Print Dimensions Calculator

Calculate exact pixel dimensions from physical print sizes (mm, cm, in) and target DPI with ISO & custom presets.

Open →

Color

Palette Extractor

Extract dominant color harmonies and generate ready-to-use color swatches from artwork.

Open →