How to pick a color from an image
Upload a photo, click a pixel, and copy HEX, RGB, or HSL — a simple workflow for designers and developers.
Mood boards, screenshots, and product photos rarely include a documented palette. An image color picker samples the exact pixel you care about and gives you a code you can paste into CSS or Figma.
Click a pixel, copy the format you need
Open Filvo’s color picker, upload a JPG, PNG, WebP, or GIF, then hover to preview. Click to lock a color. The panel shows HEX, RGB, and HSL together so you can copy the format your tool expects. Scroll to zoom the loupe when the area is small.
On supported desktop browsers, Pick from Screen samples pixels outside the tab — useful when the color lives in another app. Everything still runs in your browser; the photo is not uploaded to Filvo’s servers.
When the subject is in the way
If you need a cleaner subject first, remove the background, then return to the color picker. When you are done sampling, compress or convert the same file for the web.
Steps
- Upload the image. JPG, PNG, WebP, or GIF — processed in the browser.
- Click a pixel. Hover to preview, click to lock HEX, RGB, and HSL.
- Copy the code. Paste into CSS, Figma, or your design tokens.
Ready to try it? Pick a color from an image.