Palette Extractor
Turn screenshots, artwork and product images into design-system material. Palette Extractor samples pixels locally, quantizes dominant colors and writes modern OKLCH tokens.
No image loaded.
Dominant colors are quantized for speed and visual usefulness, not scientific color clustering.
runtime
Browser-local execution
Inputs stay inside the current tab unless you copy, download or explicitly export.
memory
Session handoff
Magic Paste can pass input to a target tool through sessionStorage, never through the URL.
control
User-owned state
Favorites, recent tools and workflow history are local browser data you can clear from the browser.
smart handoff graph
session handoff readySuggested next moves
/media
EXIF Inspector & Cleaner
Inspect hidden JPEG metadata, flag GPS privacy risks and export a cleaned local copy.
/media
SVG Studio
Preview, sanitize, minify and convert SVG assets into Data URI or JSX snippets.
/media
Image Optimizer
Compress and resize images locally with Canvas and native browser encoders.
/media
Responsive Image Builder
Generate srcset, sizes and picture markup from an image delivery plan.
sponsor
Sponsor this toolFixed native slots for developer products. No third-party tracking, no popups, no layout shift.
01
How to use
- 01Choose a local image.
- 02Review dominant color swatches and OKLCH values.
- 03Copy CSS variables or Tailwind tokens.
02
FAQ
- Is this scientific clustering?
- No. It is fast visual quantization optimized for useful design tokens.
03
Related tools
- /media→EXIF Inspector & CleanerInspect hidden JPEG metadata, flag GPS privacy risks and export a cleaned local copy.
- /media→SVG StudioPreview, sanitize, minify and convert SVG assets into Data URI or JSX snippets.
- /media→Image OptimizerCompress and resize images locally with Canvas and native browser encoders.
- /media→Responsive Image BuilderGenerate srcset, sizes and picture markup from an image delivery plan.