Color Tools

Palette From Website

Enter any URL to extract and copy the color palette — HEX, RGB, and HSL formats ready to use in your next project.

Paste any URL

Enter a full website URL. The tool fetches the page server-side to bypass browser CORS restrictions — nothing is stored.

Ranked by frequency

Colors found in inline CSS, style blocks, and meta theme-color are ranked by how often they appear across the page.

Copy HEX, RGB, or HSL

Every color in the palette is one click to copy in your preferred format, ready to drop into Figma, CSS, or Tailwind.

Try:

How to extract a palette from a website

  1. Step 1

    Enter a website URL

    Paste the full URL (including https://) of the site whose colors you want to extract.

  2. Step 2

    Extract the palette

    The tool fetches the page and ranks the top colors from the CSS and theme metadata.

  3. Step 3

    Copy and use

    Click any swatch to copy the color in HEX, RGB, or HSL format.

FAQ

What colors does the tool extract?

It extracts the meta theme-color, inline CSS hex colors, and style block colors found in the page HTML. Colors are ranked by frequency of use in the CSS.

Why did it return no colors?

Some sites load styles from external CSS files (not inline), which the extractor can't read. The tool also can't execute JavaScript, so styles injected by JS are missed.

Can I use the extracted colors commercially?

Brand colors are typically trademarked. Use extracted colors for analysis and inspiration, not to copy a brand's identity.

Is my URL sent to a server?

Yes — the server-side route fetches the URL to bypass browser CORS restrictions. No data is stored; the HTML is discarded after extraction.

Related Tools

More from Xlork

Related tools

Browse all tools