tools / image

Color Picker from Image

Upload an image and click anywhere to pick a color. Get HEX, RGB, and HSL values instantly.

Drop an image or click to upload

PNG, JPEG, WebP, GIF

What is the difference between HEX, RGB, and HSL?: All three represent the same color in different formats. HEX (#ff6b35) is used in CSS and HTML. RGB (255, 107, 53) separates red, green, and blue channels — useful in code. HSL (hue, saturation, lightness) is intuitive for adjusting colors: change lightness to get tints and shades, change saturation to make colors more or less vibrant.
Does this upload my image?: No. The image is drawn onto a local canvas in your browser and pixels are read directly. Nothing is sent to a server.
Why does the color look slightly different from what I expected?: Monitors display colors differently depending on color profile and calibration. The picker reads the raw pixel value — what you see on screen depends on your display settings. Screenshots may also have color profile applied during capture.

Guide: Color Codes Explained

What HEX, RGB, and HSL color codes mean, how to convert between them, and when to use each format.

RELATED TOOLS