Colors from photos, kept in your browser

Upload a photo or design mockup and extract a dominant color palette for home décor, brand boards, and mood boards. Processing uses the Canvas API on your device — images are never uploaded or saved after you leave.

Palette Extract helps a designer, decorator, or marketer get a useful first set of colors from a photo or mockup. Choose an image, let the browser sample and cluster its pixels, then adjust the number and ordering of swatches. You can copy individual hex values, CSS variables, or JSON for a design file or prototype. The image is processed in memory with Canvas and clears when the page is reloaded. The output represents dominant sampled colors, not a color-managed brand specification.

How to use the color palette extractor

1. Drop an image onto the stage or click to choose a file (JPEG, PNG, WebP, GIF).
2. Wait a moment while the tool downsamples the image and clusters dominant colors.
3. Adjust the color count (3–10), sort order, and optional near-white / near-black exclusion in Options.
4. Copy a single hex, or copy the whole palette as CSS variables or a JSON array.
5. Reload clears the image — only your options preferences are remembered on this device.

Examples

• Mood board: Upload a room photo and copy a few dominant swatches for a presentation.
• Prototype theme: Copy CSS variables from a mockup to start a lightweight interface palette.

Limitations

• Downsampling and screen color profiles make extracted values approximate rather than print-calibrated.

FAQ

Is my image uploaded or stored?

No. The file is read in your browser with the Canvas API. It is not uploaded anywhere and is not saved to localStorage — closing or reloading the page clears the image.

What does exclude near-white / near-black do?

It skips very bright and very dark pixels so large white backgrounds or black letterboxing do not dominate the palette.

What is saved on my device?

Only preferences: number of colors, sort order, and the neutrals toggle. The image and extracted swatches are session-only.

How accurate are the colors?

They are approximate dominant clusters from a downsampled sample (max ~200×200). Use them as a starting point for design work.

Publisher: SBFChoice. This free browser utility is maintained by the publisher. No ad units are shown in this configuration. The homepage may include Google AdSense publisher verification (ads.txt and an account script only on this page). See the Privacy Policy.