How does the Image Color Picker work?
Our Image Color Picker is completely private and runs 100% in your browser. When you upload an image, it never leaves your device.
Instead, we use the HTML5 <canvas> API to render your image into a mathematical grid of pixels.
When you select a point, we map it to the canvas, read its Red, Green, and Blue (RGB) values, and convert them to common CSS color formats. The sampled value represents the browser-decoded image pixel at that position.
Web Design Workflows
Use the sample as a starting point when adapting a color from a reference image. The tool converts the selected RGB value into HEX, HSL, and OKLCH formats.
No Image Uploaded?
The image is read through a local object URL and sampled with the browser Canvas API; this tool does not upload it to a server. Avoid uploading files to any site unless you are comfortable with its handling of them.