Image Color Picker · Palette Extractor · Contrast Checker
Pick colors from supported images, pixel by pixel.
Choose a JPG, PNG, single-frame WebP, or browser-supported single-frame AVIF. Select an exact browser-decoded pixel, build a practical palette, and check text contrast—without this application uploading your image.
Local image input
Drop an image here
JPG, PNG, single-frame WebP, or browser-supported single-frame AVIF · up to 25 MB and 40 MP
Image bytes and filenames stay in this browser tab.
Selected pixel
Exact browser-decoded color
Choose an image, then click or tap a pixel. Keyboard users can focus the image and press Enter, then move one pixel with the arrow keys.
WCAG 2.2
Contrast checker
Semi-transparent layers are composited foreground → background → opaque canvas base. The preview shows those final opaque colors. Normal text needs 4.5:1 for AA; large text needs 3:1.
Dominant colors
Palette extractor
Saved in this browser
Nothing is saved automatically. A saved palette contains only its name, colors, and creation time—not the image or filename.
One image, three useful answers
From a single pixel to a palette you can actually use.
A color picker answers “what is here?”, a palette extractor answers “what repeats across the image?”, and a contrast checker answers “will this pair stay readable?”. Keeping those questions together avoids copying colors between unrelated sites.
Pick a deliberate pixel
Zoom, pan, use the coordinate fields, or move with arrow keys. The committed X and Y coordinate stays visible beside the copied color formats.
Extract dominant colors
A small local sample is grouped in OKLab color space. Transparent pixels are ignored and near-duplicates are merged, so the result favors useful separation.
Check the pairing
Send any selected or extracted color to the foreground or background and see the unrounded WCAG 2.2 ratio against AA and AAA thresholds.
Why can an image color differ from the source file?
The tool reports the sRGB RGBA8 pixels produced by this browser after decoding. It is useful for web design and everyday matching, but it is not a sensor-raw, HDR, forensic, or professional color-management instrument.
How is the palette made?
The image is sampled at no more than 256 × 256 pixels. Median-cut seeds feed a deterministic OKLab k-means pass, capped at 12 iterations, before colors closer than 0.03 are merged and sorted by visual weight.
What happens with transparency?
The selected pixel keeps its alpha in HEX8 and CSS color formats. Fully transparent pixels do not shape the palette. Contrast checks composite alpha over the opaque canvas base you choose so the displayed ratio has a defined background.
What is saved?
Nothing from an image is saved automatically. If you press Save palette, only the name, up to eight colors, and creation time are kept in this browser. The file, filename, preview, coordinates, and download history are not stored.
Which images are intentionally rejected?
Animated GIF, APNG, animated WebP or AVIF, SVG, HEIC, RAW, TIFF, JXL, damaged, and disguised files are outside this version. Rejecting them is clearer than silently sampling a single frame or executing document content.
When should I use a native eyedropper?
Use a system or design-app eyedropper when you must sample outside an uploaded image, preserve a calibrated color workflow, or inspect a native application. This tool is for quick, private browser image work.