Can I get HEX codes from a photo?

Yes. Paletto extracts the dominant colors from your photo and displays their HEX and RGB codes. Click any color to copy its HEX code, or export the full palette as CSS variables or JSON.

How many colors can Paletto extract?

Between 4 and 16 colors using the slider. Paletto avoids duplicating similar colors — if an image only has 4 distinct colors, it returns 4, not invented extras.

Paletto

Super Fast Palette Extractor

Source image

Drop an image here
or click to browse

JPG · PNG · WEBP · GIF

⚡ Results in seconds

Change image

Dominant palette

— colors

Max colors 8

Upload an image to extract
its color palette — instantly

Analyzing colors at full speed...

Give your AI agent color superpowers

Install Paletto as a native skill in your AI agent. One command — your agent can extract color palettes from any image URL instantly.

Claude Code claude code

Add to any project and ask Claude Code to extract palettes, generate CSS variables or analyze brand colors — in plain English.

mkdir -p .claude/skills && curl -o .claude/skills/paletto-skill.md https://raw.githubusercontent.com/omaskill/paletto/main/paletto-skill.md

OpenClaw openclaw

Register Paletto as a tool in your OpenClaw agent. It activates automatically when you mention colors, palettes or HEX codes.

curl -o paletto-openclaw-skill.json https://raw.githubusercontent.com/omaskill/paletto/main/paletto-openclaw-skill.json

Free Color Palette Extractor from Image

Paletto analyzes any photo, artwork, logo, or screenshot and returns its dominant color palette with exact HEX and RGB codes — in seconds. Super fast, no registration, no upload to any server — everything runs privately in your browser using your device's own processing power.

Get HEX codes from any photo

Upload a photo and click any color swatch to copy its HEX code instantly. Export the full palette as CSS variables or JSON for use in your projects.

Extract colors from logos & branding

Need to identify the exact colors used in a brand? Drop a logo or screenshot into Paletto and get the precise HEX values in seconds.

Find dominant colors in artwork

Analyzing paintings, illustrations or UI designs? Paletto uses perceptual color clustering in LAB color space for accurate, human-like color recognition.

Color palette from screenshot

Spotted a color scheme you love on a website? Take a screenshot, drop it into Paletto, and recreate it with exact color codes.

Frequently Asked Questions

How do I extract a color palette from an image?

Drag and drop your image onto the tool above, or click to browse your files. Paletto instantly detects the dominant colors and shows them with HEX and RGB codes. Use the slider to control how many colors to extract (4–16).

Are my images uploaded to a server?

No. All color analysis happens locally in your browser using the Canvas API. Your images never leave your device — complete privacy guaranteed.

What image formats are supported?

Paletto supports JPG, PNG, WEBP and GIF. On mobile you can use your camera or pick from your photo library.

Why does it show fewer colors than I selected?

Paletto is smart enough not to invent colors. If an image only has 4 truly distinct colors, it returns 4 — even if you set the slider to 16. This avoids near-duplicate shades cluttering your palette.

Can I export the palette for Figma, CSS or code?

Yes. Use CSS vars to export ready-to-paste CSS custom properties, or JSON for any development workflow. Click any swatch to copy its HEX code individually.