Image Color Picker
● 100% Client-SidePick any color from an image and get instant HEX, RGB, and HSL values.
🖼️
Drop image here or click to browse
JPG, PNG, or WebP
🖼️
✓ Loaded
—
—
🖼️ Upload an image above, then click anywhere on it to pick that pixel's color
Click anywhere on your uploaded image to pick that pixel's color
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
✓ Copied to clipboard
Preset Colors
Color History
Frequently Asked Questions
What's the difference between HEX, RGB, and HSL? ▼
HEX is a six-digit code used mostly in web design and CSS. RGB expresses a color as red, green, and blue light values from 0-255. HSL describes hue, saturation, and lightness, which is often easier for humans to reason about when adjusting a color.
Can I pick a color from any image? ▼
Yes, upload any JPG, PNG, or WebP image and click anywhere on it to sample the exact pixel color, which is then converted to HEX, RGB, and HSL automatically.