Which values are extracted?

Color palettes, the fonts and sizes in use and core design tokens that you can reuse straight away in your project.

In which format can I export?

The tokens can be exported as a structured tokens.json and fit into common design and frontend workflows.

Are the extracted styles free to use?

The tokens serve as a starting point for your own design. For brands and protected elements, mind the respective rights.

Style Extractor

Design tokens of any website, in seconds.

Paste a URL, extract colors, typography and spacing. As DESIGN.md or tokens.json, ready to use for your agent.

Only submit publicly accessible websites that you are authorized to analyze. No internal dashboards, no pages behind a login, no confidential URLs. For the analysis the address and the retrieved page content are passed to our service providers. We store the result: colors, fonts, tokens and an image capture of the page as a preview. Without an account you reach it through the link you get afterwards; it is not listed in the gallery. We do not store HTML or CSS source.

No account needed, 3 analyses per day

An AI model produces the analysis, and it can contain mistakes. Colors and type are a starting point. Logos, images and wording belong to whoever made them.