HEX Color Picker
Get precise HEX color codes from images
Upload, paste, or enter an image URL, click any pixel for #RRGGBB, and copy RGB / HSL / CMYK in sync.
Drop an image to start picking
Supports JPG, PNG, WEBP, GIF, and BMP. Hover to magnify, click to lock. Images stay on your device.
Current color
Approximate name: 海洋绿
#2596be
View color details →Pick history
Colors you pick from the image will show up here
Dominant palette
Up to 8 dominant colors are extracted automatically after an image loads
Harmonies
Shades
Tints
Quick contrast
Aa preview title
The quick brown fox jumps over the lazy dog.
3.40:1
HEX vs RGB vs HSL
HEX fits CSS and design handoff; RGB fits code and Canvas; HSL fits hue / saturation / lightness tweaks and theme systems.
FAQ
What is a HEX color code?+
HEX starts with # followed by six hexadecimal characters for the red, green, and blue channels — the most common color notation in CSS and design tools.
How do I get HEX from an image?+
Upload an image and click the target pixel. HEX appears instantly and can be copied in one click.
How is HEX different from RGB?+
They describe the same color: HEX is compact for stylesheets; RGB is friendlier for code and transparency workflows.