Get hex codes from an image
Use the picker when you need the exact color from a product photo, UI screenshot, illustration or reference image.
Color extraction
Image Color Picker
Extract colors from photos, logos, screenshots and mood boards. Upload a local image, click any pixel, and instantly copy precise Hex, RGB and HSL color codes for CSS, Figma, brand palettes and design inspiration.
Processed locally — your image never leaves this device.
Popular uses
Extract brand colors from a logo
Sample primary and accent colors from a logo, then save them into your palette workflow without uploading the file to a server.
Pick colors from screenshots
Drop a website or app screenshot to identify UI colors, gradients and surface tones before recreating a design system.
Image color picker FAQ
Are images uploaded or stored?
No. The image is read by your browser and sampled locally, so it works well for private screenshots, unreleased brand assets and client mood boards.
Can I use this as a logo color extractor?
Yes. Upload a logo file or screenshot, click the main brand areas, and copy each color as Hex, RGB or HSL for your style guide.