Image Color Picker

Load an image locally, sample a pixel color, and reuse the result in connected color-analysis workflows.

Choose image

—HEX

—RGB

—Pixel x, y

Selected color

Precision pixel neighborhood & color handoff

Use the image already loaded in the picker above, then inspect a specific working-canvas coordinate as either one exact pixel or a neighborhood average. Compare the center pixel with the averaged sample and hand off HEX, RGB, HSL, luminance and contrast evidence.

Canvas XCanvas YNeighborhood radius (px)Sample result

—HEX

—RGB

—HSL

—Best text contrast

Ready.

Evidence	Center pixel	Neighborhood average	Why it matters

Coordinates refer to the working canvas displayed by the core picker. Radius 0 is an exact working-canvas pixel; a larger radius is an intentional local average, useful for noisy photos but not a substitute for exact sampling.

Color and accessibility boundaries

HEX/RGB/HSL/HSV/OKLCH conversions are numerical color-model operations. CMYK output is an RGB-derived approximation rather than ICC-profiled print proofing. WCAG contrast ratios measure luminance contrast only and do not certify a full interface. Color-blindness previews are design simulations, not medical tests.