Enter a website URL to extract every color used on the page — from CSS stylesheets, inline styles, and CSS variables. The tool fetches external stylesheets, resolves CSS variable chains (including nested variables), and only reports colors that are actually applied to elements in the HTML. See each color with a swatch preview and the CSS selectors where it's used. Convert the output to hex, RGB, or HSL format, and copy individual colors with one click. Useful for analyzing competitor designs, recreating a color palette, or auditing your own site's color usage.
TonniTools is built to run locally in your browser. Since no data ever leaves your device, everything works, even without internet.
Enter a URL to fetch the colors used on the page.