CapyTone · tool no. 11
.
Paste a public URL, get the palette its code declares, ranked. Honest about what it can't see.
Paste a website's address to get the colours its code declares, as hex codes ranked by how much they're used.
Updated · by Unfolding Dimensions
The guide
How to get the colour palette of a website
- Step 1
Paste the address of a public web page.
- Step 2
The tool reads the page's HTML, up to five of its stylesheets, its declared theme colour and its web manifest, then ranks the colours it finds.
- Step 3
Copy the hex codes you need.
CapyTone reads the colours a site declares in its own code and ranks them by how much they're used. Near-identical shades are merged with the CIEDE2000 colour-difference formula, so you get a palette rather than forty slightly different greys.
It reads the page's code, not a screenshot. Colours added by JavaScript after the page loads, and colours inside images, aren't visible to it — the tool says so rather than guessing.
This is the one CapyTone mode that uses the site's server: your browser can't read another site's code directly, so the server fetches exactly the address you paste, refuses private network addresses, gives up after 10 seconds, 3 MB or 3 redirects, and returns only the colours.
Questions
Why is a colour I can see on the site missing?
It's probably set by JavaScript or inside an image. The extractor reads the HTML and stylesheets the page ships with, so it only sees colours declared there.
Is the website I check stored or logged?
The site's code doesn't store or log either. The address travels in the request body, not the URL; the server fetches the page, returns only the colours and their counts, and keeps neither the address nor the page.
Can it read pages behind a login?
No. It fetches only public addresses, as an anonymous visitor would see them, and refuses private and local network addresses.
Can I turn the colours into a palette I can use?
Yes. CapyTone's other modes take it from there — check a pair's contrast, build harmonies from one colour, or blend two into a gradient.