Extract a color palette from any website

Enter a URL to find the website’s colors, see where they are used, and check the contrast between text and backgrounds.

Extract the color palette from stripe.com and show how each color is used.

Install MCP server

See a website’s colors organized by purpose

Your AI can inspect the colors on a page and organize them into useful roles instead of returning an unexplained list of values.

Open the example conversation

Does Fudge only return hex values?

No. Fudge connects colors to where they appear on the page, such as text, backgrounds, borders, and interactive elements.

Can Fudge check accessibility contrast?

Yes. Ask it to compare a text color with a background color and report the contrast ratio and common WCAG pass levels.

Can I use the palette in code?

Yes. Your AI can use the website’s colors directly or turn them into CSS, Tailwind, or structured design tokens.

Questions you can explore

More ways to use Fudge

Website design research for AI agents

Paste a URL. Fudge checks its layout, typography, colors, spacing, components, media, and interactions so your AI can use the findings while it builds.

Create a DESIGN.md from any website

Enter a URL. Fudge checks the website’s colors, typography, spacing, layout, and components, then turns the findings into a DESIGN.md for your project.