Color tool

Eyedropper Color Picker

Free online eyedropper to pick a color from an image, then copy HEX, RGB, HSL, or CSS. Everything runs in your browser — images are not uploaded.

Choose an image

PNG, JPG, WEBP, GIF, BMP · click a pixel after upload

#0D9488

Open an image above, then click a pixel to sample.

HEX
#0D9488
RGB
13, 148, 136
HSL
174° 84% 32%
CSS
rgb(13 148 136)

Recent

Image preview

Your image will appear here after you choose a file.

01

Online eyedropper & color picker

Use this free eyedropper tool when you need an image color picker, HEX color picker, RGB color picker, or HSL color sampler without installing design software. Upload a screenshot or photo, click a pixel, and copy the color code for CSS, Figma notes, or brand matching.

Pick color from image

Sample any pixel on PNG, JPG, WEBP, GIF, or BMP files. Ideal when you want to get HEX from an image or match a brand shade.

HEX, RGB, HSL & CSS

Copy the format your workflow needs — classic HEX, comma RGB, HSL, or modern CSS rgb() values.

Private color sampler

The online color picker runs locally in your browser. Idoworx never receives your image files.

Recent colors

Keep a short history of sampled colors on this device so you can jump back while refining a palette.

02

How to use the eyedropper

1

Choose an image

Click Choose image or drag a file into the upload area. PNG, JPG, WEBP, GIF, and BMP work with this color picker.

2

Click a pixel

Hover over the preview for a magnified loupe, then click to sample that color with the online eyedropper.

3

Copy the value

Tap HEX, RGB, HSL, or CSS on the left to copy that color code into your clipboard.

03

Who uses this color picker

Designers — pull brand colors from mockups or screenshots when you need a quick HEX or RGB value.
Developers — sample UI colors from a capture and paste CSS-ready values into stylesheets.
Marketers — match ad creative colors without opening a full desktop design suite.
Students — learn HEX vs RGB vs HSL by sampling real pixels from any image.

04

Built for one job

Fast sampling

Get a usable color code in seconds without opening Photoshop or a heavy design app.

Stays private

Image sampling runs locally in your browser. We do not receive your files.

Formats ready

HEX, RGB, HSL, and modern CSS rgb() — copy what your workflow needs.

05

Tips for cleaner picks

Zoom the source when sampling tiny UI details from an image.
Prefer flat areas — avoid anti-aliased edges if you need a solid brand color.
Check contrast after you copy — light text on light fills fails accessibility.
Use Recent to jump back to colors you already sampled in this browser.

06

FAQ

Do you upload my images?

No. Image sampling happens in your browser. Files are not sent to Idoworx servers.

Is the eyedropper color picker free?

Yes. Sample colors and copy HEX, RGB, HSL, or CSS without installing software or creating an account.

Can I get HEX from an image?

Yes. Upload the image, click a pixel with the eyedropper, then copy the HEX value — or use RGB / HSL / CSS instead.

Which file types are supported?

PNG, JPG/JPEG, WEBP, GIF, and BMP. Sampling stays on your device.

Where are recent colors stored?

Only in your browser’s local storage on this device. Clear removes them.