Grab website color palettes straight from your browser.
Click the toolbar icon and you get dominant colors, CSS/HTML declarations, and an eyedropper. Click any swatch to copy.
Free forever, no account.
- Privacy first. Nothing leaves your browser
- Works on Chrome, Brave, Edge, Arc, Opera and Vivaldi.
'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_21_96'%20x1='19.5536'%20y1='16.7222'%20x2='7.42018'%20y2='13.7416'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%238D8FF8'/%3e%3cstop%20offset='1'%20stop-color='%23D6D6FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
9 colorsCustom colors
customyour picks
#4F46E5
royalblue
#F97316
chocolate
Screenshot colors
localvisible area
#0B1120
black
#7C3AED
blueviolet
#E2E8F0
lavender
Code colors
localhtml + css
#FFFFFF
white
#6366F1
slateblue
#F43F5E
crimson
#FACC15
gold
Everything the page in front of you is made of
From your tab, reads 3 local sources, ranks colors by paint coverage and labels the nearest name
Screenshot colors
Dominant colors quantized from a capture of the tab: the visible area, or the whole scrollable page.
Code colors
Computed styles read from the live page: backgrounds, text, borders, gradients, SVG fills and shadows.
Eyedropper
Sample any pixel, even inside images, canvases and gradients the DOM never mentions. Picks are kept per site.
One-click hex copy
Every swatch is a copy button, labelled with its hex and nearest name, ranked by how much it paints.
Download the palette
Export the palette as a file named after the site, ready for your design tool or your stylesheet.
Edit before you export
Keep the swatches you want and drop the rest. What’s left is what gets copied, shared and downloaded.
Free and nothing to sign up for
Install it and everything is already unlocked. There is no account to create, no email to hand over, no trial counting down and no paid tier to upgrade to.
- No account
- No sign-in
- No trial
- No credit card
- No usage limits
- No ads
Every feature included, on every page you open.
- Every feature unlocked: screenshot colors, code colors and the eyedropper
- Unlimited palettes, hex copies, exports and downloads
- Works the second it installs, with no account and no setup
- Extraction runs on your machine; nothing leaves your browser
Works on Chrome, Brave, Edge, Arc, Opera and Vivaldi.
How it works
Nothing runs until you click the icon. No background process, no content script on every page, no URL to type.
Open the page you want the colors from
Any http or https page: a live site, a staging URL, a dashboard you are logged into, or something running on your own machine.
Click the Colorize icon
The scan runs in the tab and the palette is on screen in a few hundred milliseconds. About 20ms of that is reading a 2,500-element page; there is no network round-trip.
Click a swatch to copy its hex
One click puts the value on your clipboard. Edit mode keeps the swatches you want and drops the rest.
Need more? Eyedropper and downloads
Eyedropper any pixel, then download the palette as CSS, SCSS, SVG, .ase, .sketchpalette and more. Or press Generate More for the whole site.
Or extract a palette from a URL
Nothing to install. Type an address and colorize.design pulls brand colors, logo colors, a homepage screenshot and the site's code colors.
'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_96_2285'%20x1='64.6607'%20y1='50.1667'%20x2='28.2605'%20y2='41.2248'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239A9A9A'/%3e%3cstop%20offset='1'%20stop-color='%23DADADA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
Frequently asked questions
Which browsers is the extension available for?
It is published on the Chrome Web Store and installs on any Chromium-based browser: Chrome, Brave, Microsoft Edge, Arc, Opera and Vivaldi. Firefox and Safari use different extension stores and are not supported yet.
Is it free?
Yes. There is no account, no sign-up, no trial and no paid tier inside the extension. colorize.design itself is free to use as well.
Does it send the pages I visit anywhere?
No. The extension only looks at a tab when you open the popup on it, and the color extraction, including quantizing the screenshot of your tab, runs on your own machine. A request only leaves your browser if you press Generate More, which sends that one page’s address to colorize.design, or Download, which sends the palette’s color values to be converted into the file format you picked.
Can it read a page I have to log into?
Yes, and that is the main reason it exists. It reads the page your browser has already rendered, so a dashboard, a paywalled article, a staging site or something running on localhost all have a palette, even though no crawler could ever fetch them.
How is this different from an online color extractor?
An online extractor takes a URL and asks a server to fetch it, so it sees whatever a bot sees: the public homepage, possibly a cookie banner, and nothing that needs a session. The extension reads the live DOM and a capture of the actual tab, in whatever state you scrolled it to, with no network round-trip.
Can I pick a color out of an image or a gradient?
Yes. The eyedropper samples a pixel of the rendered page, so it reads colors out of images, canvases, video frames and gradients, none of which the DOM would tell you about. Picks are added to Custom colors and kept per site.
What formats can I export the palette in?
The whole palette downloads as a palette file, named after the site, in any of the formats colorize.design supports, from CSS variables to the binary formats design tools import. The file is built by colorize.design and saved straight to your machine.
Why does nothing happen on chrome:// pages?
Chrome forbids extensions from reading its own pages, the Web Store, the PDF viewer and other extensions’ pages. There is no palette to show there, so the popup says so rather than failing quietly. Every ordinary http or https page works.
Do I need the extension to use colorize.design?
No. The site works on its own: type any address and it extracts the palette, including brand colors, logo colors and the colors declared across the site’s code. The extension is for the pages a crawler can’t reach, and for not having to leave the page you’re reading.
Copy any website's colors, without leaving the page
One click on the toolbar icon, one click on a swatch, and the hex is on your clipboard.
Free forever, no account.