Paste any URL
Enter a full website URL. The tool fetches the page server-side to bypass browser CORS restrictions — nothing is stored.
Enter any URL to extract and copy the color palette — HEX, RGB, and HSL formats ready to use in your next project.
Enter a full website URL. The tool fetches the page server-side to bypass browser CORS restrictions — nothing is stored.
Colors found in inline CSS, style blocks, and meta theme-color are ranked by how often they appear across the page.
Every color in the palette is one click to copy in your preferred format, ready to drop into Figma, CSS, or Tailwind.
Step 1
Paste the full URL (including https://) of the site whose colors you want to extract.
Step 2
The tool fetches the page and ranks the top colors from the CSS and theme metadata.
Step 3
Click any swatch to copy the color in HEX, RGB, or HSL format.
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.
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.
Brand colors are typically trademarked. Use extracted colors for analysis and inspiration, not to copy a brand's identity.
Yes — the server-side route fetches the URL to bypass browser CORS restrictions. No data is stored; the HTML is discarded after extraction.
Explore and copy the full Tailwind CSS color palette.
Open toolCreate tints, shades, and tones from a single base color.
Open toolDesign CSS gradients with live preview and code export.
Open toolCheck WCAG contrast ratios for accessible text.
Open toolBuild custom multi-tone palettes for your designs.
Open toolPreview your designs through 8 vision deficiencies.
Open tool