Show HN: I built ColorSnap to generate Tailwind color palettes from images

3 points

1 weeks ago

1 comments

story

Hey HN,

After spending countless hours tweaking colors in side projects and manually trying to match screenshots to Tailwind CSS classes, I decided to build a tool to automate it.

ColorSnap lets you upload an image and instantly extract the most dominant colors. It then maps those colors to the closest Tailwind CSS utility classes using LAB color comparison (ΔE). You get clean hex values and ready-to-use class names like bg-indigo-500 or text-pink-400.

Built with Nextjs, Tailwind CSS, and a bit of canvas/image processing. No external APIs — it runs entirely in the browser.

Outcome: I’ve used it in my last 3 frontend projects to speed up color decisions and get consistent styling fast, especially for hero sections and themed UI blocks.