Image palette extractor
Extract approximate dominant colors from a local JPG, PNG, or still WebP. Inspect original pixels with magnification and export the palette as HEX, CSS, or JSON.
0 × 0 original pixels. Arrow keys move one pixel; Shift + arrow moves ten.
Palette colors approximate a resized sample. Fully transparent pixels are ignored; other pixels are composited on the backdrop. Percentages describe visible sampled pixels; selected colors may not total 100%.
Preview composited on white. HEX stores alpha in 8 bits; decimal alpha is retained in RGB and HSL.
#7D9065rgb(125, 144, 101)hsl(86.512 17.551% 48.039%)rgb(49.02% 56.471% 39.608%)0.4902, 0.5647, 0.3961, 1--color: #7D9065;Color names use standard CSS keywords, such as red or rebeccapurple.
Three small steps.
- Choose or paste a local image and set the sampling backdrop.
- Select 2–12 palette colors and extract, or inspect individual pixels with coordinates and arrow keys.
- Select a swatch to inspect its formats, then copy or download your palette.
A few things to know.
Images are limited to 25 MB, 24 megapixels, and 12,000 pixels per side. Dominant colors use a sample no larger than 256 × 256 pixels and 4-bit RGB buckets; they are approximations. Fully transparent sampled pixels are ignored, other pixels are composited on the backdrop. Selected percentages may not sum to 100%. Browser-decoded sRGB only; no remote image fetching.
How your privacy works →A little more clarity.
Are these every color in the original image?
No. The palette summarizes the largest color groups in a downsampled image. Use original-pixel sampling for a specific visible pixel instead.
Is my image uploaded or saved?
No. Decoding, sampling, and palette extraction run locally. Images and saved swatches remain in page memory; refresh, navigation, or Clear removes them.