Extract a Color Palette from an Image (Free)

Upload any image, photo, logo, or artwork and instantly extract its dominant colors. Get HEX, RGB, and HSL values and export to Tailwind CSS, SCSS, CSS variables, Bootstrap, Flutter, and React Native. Free, no signup.

Open the color palette generator →

How to extract colors from an image

1. Upload a photo, logo, screenshot, or artwork.
2. The tool identifies dominant colors using color quantization.
3. Adjust how many colors to extract.
4. Copy any HEX, RGB, or HSL value, or export the whole palette to code.

Export formats supported

• Tailwind CSS (v3 config and v4 @theme)
• SCSS variables
• CSS custom properties
• Bootstrap
• Flutter and React Native
• JSON and PNG