Site Colors & Fonts

Get any site's palette and type

Site Colors & Fonts reads a website's real CSS and turns it into a clean design system you can reuse. Click Scan page and a report opens in a new tab.

Runs only when you click it, on that tab. No account, no tracking, no servers: scan results stay in your browser. Read the policy

• 01

  Colors with their jobs

  Brand, accent, background, text and border colours, with the site's own CSS variable names.

• 02

  Fonts and sizes

  Every font family and weight, all text sizes, spacing, corner radius and shadows.

• 03

  Contrast check

  Text and background pairs checked against WCAG 2.2 AA and AAA, never rounded up.

• 04

  Export anywhere

  DESIGN.md for AI tools, Figma variables, Tailwind, CSS variables, design tokens or JSON.