Hey HN!

I built https://colorize.design, a free tool that extracts color palettes from any website in seconds. Just enter a URL, and it analyzes the site's visuals and code to generate curated color palettes.

Why I Made This

As a designer, I often come across beautifully designed websites and want to quickly grab their color schemes. Inspecting elements or using browser extensions felt tedious, so I built a tool to automate the process.

How It Works

Screenshot Analysis: Extracts dominant colors from the site’s homepage.

Favicon Extraction: Pulls key colors from the site's logo.

Code Parsing: Scans HTML, CSS, and JS files to find color declarations.

Smart Grouping: Uses a nearest-color algorithm to remove duplicates and improve usability.

Editing & Exporting: Lets users refine palettes and download them in multiple formats (CSS, SCSS, design tools, etc.).

It’s powered by Puppeteer for web scraping, ColorThief for image analysis, and custom regex to extract code-based colors. The biggest challenge was handling messy websites—redirects, popups, cookie banners, and huge stylesheets all made this trickier than expected!

What’s Next

I’m working on: A Chrome extension for one-click extraction. Enhanced API features for developers.

Would love to hear your thoughts! What would make this more useful for you? Let me know what you think.