Is the brand kit extractor free?

Yes, and it needs no account. There is a fair-use limit on how many sites you can look up in a short window.

Free tool, no sign-up

Brand kit extractor

Q: How do I find the colors a website uses?

Paste the address into the tool above. It reads the page and its stylesheets, resolves any CSS custom properties, and reports the accent color the site actually uses. If the site hides its styles behind JavaScript, the color is taken from the logo instead.

Q: Can I find out what font a website uses?

Yes. The tool reads the font stacks declared for headings and body text and reports the first real family in each, ignoring generic fallbacks such as sans-serif and system-ui.

Q: Can I use these brand assets commercially?

The tool reports what a public page already serves. Logos and typefaces usually remain the property of their owner and may be licensed, so check before reusing them. The normal case is an agency reading the brand of a client who has hired them.

Paste any website address and get the colors, fonts and logo it actually uses. Built for the ten minutes at the start of a client project where you would otherwise be picking colors out of a screenshot.

Works on most public sites. Nothing is stored.

What this tool reads

It fetches the page the same way a browser would, then looks in three places. Stylesheets come first, including CSS custom properties, which is where most modern sites keep their real brand tokens. Font stacks for headings and body text are read next, and generic fallbacks such as sans-serif are skipped so you get the family the designer chose. The logo is found from the markup, falling back to the site's icon when the logo is drawn by JavaScript.

When a site blocks automated requests or renders everything client side, there may be no stylesheet to read. In that case the accent color is sampled from the logo instead, and the result says so, because a color guessed from the wrong place is worse than no color at all.

Why an agency would want this

Setting up a new client means collecting their brand before you can make anything that looks like theirs. Most of the time nobody can find the brand guidelines, so you end up eyedropping a screenshot and hoping. This gets you to a defensible starting point in a few seconds, and you can correct it from there.

It is the same extraction Chartin runs when you add a client, which is why it exists as a free tool: the client's brand is what makes a report video look like the client's, not like ours.

Questions

How do I find the colors a website uses?

Paste the address above. The tool reads the page and its stylesheets, resolves CSS variables, and reports the accent the site actually uses rather than the most common pixel color, which is almost always just the background.

Can I find out what font a website uses?

Yes. It reports the first real family in the heading and body font stacks. If a site loads a webfont you do not have, the name is still reported.

Is it free?

Free and no account. There is a fair-use limit per address so it cannot be pointed at a site in bulk.

Can I reuse the logo and fonts?

The tool only reports what a public page already serves. Logos and typefaces normally stay the property of their owner and may be licensed, so check before reusing them outside work you are doing for that brand.