Color Palette from Website
Enter any website URL and extract its color palette — every color used in its stylesheets, ranked by frequency and ready to copy or export as code.
Enter a website address to extract its color palette.
Only public web pages can be read, and colors come from the CSS the page ships — a site that paints with images or canvas may return fewer colors. Free, no sign-up.
Color Palette from Websiteについて
The Color Palette from Website tool reveals the colors a site actually uses. Enter a public web address and the page is fetched on our side — browsers cannot read another site directly because of cross-origin restrictions — then its inline styles, embedded style blocks and linked stylesheets are scanned for every color token.
HEX, rgb(), rgba(), hsl() and hsla() values are all normalized to a single HEX form and counted, so the palette comes back ranked by how often each color appears in the site's CSS. That frequency ordering is what separates a brand's real primary color from the dozens of one-off borders and shadows further down the list.
Every swatch copies with one click, and the export panel turns the result into CSS variables, SCSS, a Tailwind config, JSON, an SVG swatch sheet or a plain HEX list. The tool is free and rate-limited, only reaches public addresses, and stores nothing beyond a short-lived cache of the extraction.
Color Palette from Websiteの使い方
- Paste a public website address into the field (https:// is added automatically if you omit it).
- Click "Extract colors" and wait a moment while the page and its stylesheets are read.
- Review the palette — colors are ranked by how often they appear in the site's CSS.
- Click any swatch to copy its HEX value, or use "Copy all" for the whole list.
- Open Export to get the palette as CSS, SCSS, Tailwind, JSON, SVG or plain HEX.