Color Palette Extractor
Upload, drop or paste an image to pull out its dominant colors as HEX, RGB and HSL, then export them for CSS, SCSS, Tailwind or JSON. Your image never leaves your browser.
Drag and drop an image here, paste one with Ctrl+V, or
JPEG, PNG, WebP, GIF or SVG, up to 20 MB
Frequently Asked Questions
The image is shrunk onto a canvas in your browser and its pixels are grouped into the number of colors you choose using the median cut algorithm. Each group is averaged into one swatch and ranked by how much of the image it covers.
No. The image is read and processed locally in your browser. It is never uploaded or stored.
JPEG, PNG, WebP, GIF, AVIF and SVG images that your browser can display. You can drop a file, pick one, or paste an image from your clipboard.
Click any swatch to copy its HEX code, or export the whole palette as CSS variables, SCSS variables, a Tailwind config snippet or JSON using the export tabs.
Each swatch is an average of many similar pixels, so it can look slightly softer than a single bright spot. Increase the color count to capture more distinct shades.
Other Tools
Need a custom tool or website built?
I build custom web applications and business websites. See all services.
Can't find the tool you need?
Tell me what to build next. Every suggestion gets read.