Zoom into the source, sample a representative pixel, and compare nearby values because antialiasing, shadows, compression, and color profiles can shift what you see.
Do it here
Pick colors from an image
Zoom in, move to a pixel, lock the color, and copy HEX, RGB, or HSL. Nothing uploads.
Choose an image
Drop, browse, or paste
Browser-only tool. The image is not uploaded.
One object contains many pixel colors
A flat-looking button may include antialiased edges, gradients, shadows, and JPEG artifacts. Sample near the center for a base color and inspect nearby pixels before treating one value as canonical.
Choose the notation for the job
HEX and RGB directly describe display channels. HSL can be easier for adjusting hue, saturation, and lightness in a design system. Alpha is separate and controls transparency.
Expect color-management differences
Embedded profiles, wide-gamut displays, and browser color management affect rendered appearance. A browser canvas provides practical decoded pixel values, but critical print matching needs a managed workflow.