Image Palette Generator
Extract dominant colors from a photo and copy HEX, RGB, HSL or CSS variables. Generate matching colors from a base HEX code in a separate tab.
Local file processing where supportedNo conversion upload queue for local filesFree, no sign-up
or import from
Turn a photo into a website color palette
Open Palette from image, choose a photo and start with six swatches. Copy individual HEX values or copy the CSS variables. Choose a background and text color, then measure them with the WCAG contrast checker. A dominant color can make a poor text color.
Generate matching colors from a known HEX code
Use Palette from colors if you already have a brand color. Enter the HEX value and choose a harmony such as complementary or analogous. Use the color picker when you need to match one exact pixel instead of summarizing the whole photo.
Frequently Asked Questions
Why does a small accent color disappear?
The extracted swatches represent dominant colors. A small accent may be grouped with other colors or missed. Try cropping to that area first or sampling the pixel directly.What can I copy from the tool?
You can copy single swatches or the set in HEX, RGB or HSL, and copy the extracted colors as CSS custom properties.