VisionLabs
Color tools

Pull a color palette
from any image.

Drop in a photo, logo or screenshot and get a clean palette with hex, CSS variables, Tailwind config and JSON. It runs entirely in your browser — your image never leaves your device.

Drop an image here

or click to choose a file — PNG, JPG, WebP, SVG
your image
Your uploaded image
preview

Private by design.

No upload, no account, no trace. Extraction runs in your browser — the same EU-built, privacy-first principle behind the whole platform.

0
uploads
100%
in your browser
EU
built & hosted

From an image — to a palette — to a finished brand.

Export

Built to drop straight into your stack.

Every palette is ready for the tools you already use — copy in one click, or download a swatch sheet to share.

.hex

Hex list

Plain hex values, sorted by how much of the image they cover.

:root

CSS variables

Drop-in custom properties, ready to paste into your stylesheet.

tailwind

Tailwind config

A colors block you can extend your theme with directly.

.png

Swatch sheet

A shareable image of the palette with hex codes and coverage.

FAQ

Common questions.

Is it really free?

Yes — no sign-up, no card. Upload an image and export the palette however you like.

Does my image get uploaded anywhere?

No. Everything runs in your browser via the canvas API. Your image never leaves your device.

What can I export?

A plain hex list, CSS custom properties, a Tailwind color config, or JSON — plus a downloadable PNG swatch sheet.

How are the colors picked?

The image is downsampled and run through median-cut quantization to find the most representative colors, sorted by how much of the image they cover. The most saturated swatch is flagged as a candidate accent.

This is one small corner of VisionLabs.

A private, multi-model AI studio for European creators and brands — logos, brand kits, websites, motion and more. See the whole thing.