Color and Image Picker | The Project Jugaad

How it works

Pick, sample, and convert colors

Choose a color directly or browse an image, then copy synchronized color values

01Choose a sourceColor control, HEX, or image.
02SampleClick a precise image pixel.
03Copy valuesUse HEX, RGB, HSL, or HSV.

Color

Picker and image input

Choose a color or browse an image to sample and convert its values

Color pickerHEX

Drop one image hereBrowse imagePNG, JPEG, or WebP up to 15 MB. Processed in your browser.

Choose a color or browse an image.

Color values

Synchronized formats

#2563EB

#2563EBPreview text

HEX

#2563EB

RGB

rgb(37, 99, 235)

RGBA

rgba(37, 99, 235, 1)

HSL

hsl(221.21, 83.19%, 53.33%)

HSLA

hsla(221.21, 83.19%, 53.33%, 1)

HSV

hsv(221.21, 84.26%, 92.16%)

FeedbackFound a problem or have an idea?Tell us what happened or what would make this page more useful.

Tool guide

Your image stays in the browser

The selected image is processed in your browser and is not uploaded. Screen profiles and browser color handling can still change how the same values appear.

Image samplingAlpha supportSix formats

Quick answers

FAQs

Which color formats are supported?

The picker synchronizes HEX, RGB, RGBA, HSL, HSLA, and HSV values.

How do I pick a color from an image?

Add a PNG, JPEG, or WebP image from your device, then click, tap, or move the keyboard sampling point.

Does the image leave my browser?

No. The image is decoded and sampled on your device, and the source image is not stored.

Why can displayed colors differ between screens?

Displays, browser color handling, brightness, and color profiles can make the same numeric color appear different.

Are the text previews an accessibility guarantee?

No. They are a quick visual aid, not a complete contrast or accessibility certification.