Image Palette • Local-only

Free Online Image Color Palette Extractor

Upload an image and extract dominant colors locally. Get HEX palette and CSS variables for design and development.

How to Use

Click the 'Choose image' button to upload an image (JPG, PNG, WEBP supported).
Once uploaded, the tool parses the image locally in your browser and shows a preview.
Adjust parameters like 'Color count' and 'Sample size' to optimize extraction.
Click 'Extract palette' to generate a palette with HEX codes and CSS variables.
Click on any color block to copy its code, or use 'Copy CSS variables' to get all colors.

Tips & FAQ

All processing happens locally in your browser; images are never uploaded to a server.
Use 'Ignore near-white/black background' to exclude background colors and focus on the subject.
Larger sample sizes improve accuracy but may take slightly longer to process.
You can also drag and drop images directly onto the page (if supported by your browser).

Color Contrast Checker

Evaluate whether your foreground/background colors meet WCAG AA/AAA contrast requirements and preview accessibility impact.

Color Converter

Convert a color value into HEX/RGB/HSL formats in your browser and copy the results for design or code.

Image Color Picker

Pick precise colors from an image, inspect HEX/RGB/HSL values and copy them without uploading the picture.

Palette Generator

Enter a base HEX color to generate multiple harmonious palettes locally and copy them into your design workflow with one click.

Fuse Bead Pattern Generator

Turn any image into a fuse bead pixel template with adjustable width, auto height, color limiting, a color legend, and bead count summary. Runs entirely locally.

CSS Gradient Generator

Visual CSS gradient editor with live preview and copyable background code.