Overview
Color Palette Generator
Upload an image, pick colors, generate palettes and copy HEX / RGB / HSL.
Picker
Pick Color from Image
Hover for magnifier, click to select.
Upload an image
Then click any point to detect the pixel color.
Selected
Active Color
Click swatches to copy and select.
HEX
#6C5CE7
RGB
rgb(108, 92, 231)
HSL
hsl(247, 74%, 63%)
Settings
Palette Settings
Harmony, count and variation.
Palette
Generated Palette
Click any swatch to copy and set as active.
Shades
Shades & Tints
Gradients
Gradients
Click to copy CSS.
Saved
Saved Colors
Persisted in browser.
How to use
- Click Upload Image and choose a photo, screenshot, or logo.
- Move the mouse over the image — a magnifier helps inspect small details.
- Click a point to read the pixel color and update HEX / RGB / HSL.
- Use Generate Palette to build a harmony from the active color.
- Adjust count, variation, and harmony mode.
- Click shades, gradients, or saved colors — each copies and activates the color.
- Use Copy CSS Variables to export the palette for your stylesheet.