How to pick colors from an image
Upload an image, hover over the canvas to preview a pixel, then click to save the color. The tool extracts HEX, RGB, and HSL values so you can use the palette in design tools, CSS, or brand documentation.
Upload, paste, or use an image URL to pick colors, preview UI themes, export CSS/Tailwind configs, and download your palette in seconds.
Drag, drop, or use a URL — or paste instantly withCtrl+V
Upload an image, hover over the canvas to preview a pixel, then click to save the color. The tool extracts HEX, RGB, and HSL values so you can use the palette in design tools, CSS, or brand documentation.
Start with one dominant color, add one supporting shade, and reserve bright colors for actions or highlights. Test contrast before using any palette in UI text or buttons.
Designers extract colors from product photos, moodboards, and screenshots to build consistent palettes. Explore individual colors like #5368DF or #ABA71F for shades and usage ideas.