The process is straightforward: upload an image, use the eyedropper to pick the colours you want to study, and each one is added to a swatch palette. Made a mistake? Just delete it with one click. When you’re ready, click “Calculate Ratio”. The app breaks the image into a grid, samples the colours, and gives you a clear breakdown of how dominant each selected colour is. The results are shown visually through a ratio bar, swatches, and a legend with exact percentages. You can also export the analysis as an SVG to open in Illustrator — ready to document, present, or build on.

This tool isn’t just for picking colours — it’s for learning what works, what doesn’t, and building better colour decisions. To understand the full logic behind it, see my Colour Onion System articles at:

Colour Onion System