Provide the starting value
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying.
Drop an image here
or click to select a file, or paste
Direct answer
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management.
What this tool does
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette.
Verified capabilities
Adjust the relevant controls
Images whose longest edge exceeds 2,000 pixels are downscaled before sampling. The optional Display P3 canvas path is enabled only when the browser reports support.
Check the accuracy boundary
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. Compare the result with the intended destination before reusing it.
When to use it
- Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette.
- Images whose longest edge exceeds 2,000 pixels are downscaled before sampling. The optional Display P3 canvas path is enabled only when the browser reports support. In “When to use it 2”, apply this specifically to Pick Colors from an Image.
- Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette. Use the first related tool to continue from the output of Pick Colors from an Image without changing locale.
How to use the tool
Provide the starting value
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. In “How to use the tool: Provide the starting value”, apply this specifically to Pick Colors from an Image.
Adjust the relevant controls
Images whose longest edge exceeds 2,000 pixels are downscaled before sampling. The optional Display P3 canvas path is enabled only when the browser reports support. In “How to use the tool: Adjust the relevant controls”, apply this specifically to Pick Colors from an Image.
Review and continue
Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette. In “How to use the tool: Review and continue”, apply this specifically to Pick Colors from an Image.
Check the accuracy boundary
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. Compare the result with the intended destination before reusing it. Review the stated limitation before treating the result as a production or accessibility decision.
Controls explained
Provide the starting value
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. In “Controls explained: Provide the starting value”, apply this specifically to Pick Colors from an Image.
Adjust the relevant controls
Images whose longest edge exceeds 2,000 pixels are downscaled before sampling. The optional Display P3 canvas path is enabled only when the browser reports support. In “Controls explained: Adjust the relevant controls”, apply this specifically to Pick Colors from an Image.
How the result is produced
Images whose longest edge exceeds 2,000 pixels are downscaled before sampling. The optional Display P3 canvas path is enabled only when the browser reports support. In “How the result is produced”, apply this specifically to Pick Colors from an Image.
Accuracy and limitations
- A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management.
- Clipboard, file decoding, download and permission-based controls follow the capabilities of the current browser.
Processing and privacy
The verified workflow runs in the browser. Files and color values stay in the page unless a control explicitly opens a network URL.
Practical tips
- Start from a known sample, then change one control at a time so the effect remains explainable.
- Review the stated limitation before treating the result as a production or accessibility decision.
Troubleshooting
The input or action does not work
Check the displayed range or file requirement, reset the tool, then retry with a smaller or browser-supported input. Permission-based controls may need a secure context.
Accuracy and limitations
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. In “Troubleshooting: Accuracy and limitations”, apply this specifically to Pick Colors from an Image.
Check the accuracy boundary
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. Reset the tool and retry with a known supported value before reporting an algorithm error.
Questions about this tool
What does Pick Colors from an Image do?
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. In “What does Pick Colors from an Image do?”, apply this specifically to Pick Colors from an Image.
What is the most important limitation?
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. In “What is the most important limitation?”, apply this specifically to Pick Colors from an Image.
Where is the data processed?
The verified workflow runs in the browser. Files and color values stay in the page unless a control explicitly opens a network URL. In “Where is the data processed?”, apply this specifically to Pick Colors from an Image.
What input should I prepare for Pick Colors from an Image?
Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying. Load a local image, inspect it with a pixel loupe, click exact canvas coordinates and save multiple color swatches for copying.
What should I verify before using the result from Pick Colors from an Image?
A sampled canvas pixel can differ from the source application's value because of scaling, antialiasing, alpha compositing and browser color management. Compare the result with the intended destination before reusing it. In “What should I verify before using the result from Pick Colors from an Image?”, apply this specifically to Pick Colors from an Image.
Which workflow can follow Pick Colors from an Image?
Use the first related tool to continue from the output of Pick Colors from an Image without changing locale. Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette.
Continue your color workflow
Recover a logo or interface color from a screenshot when you need the value at one precise pixel rather than a representative palette. In “Continue your color workflow”, apply this specifically to Pick Colors from an Image.
Continue with a related tool
Use the first related tool to continue from the output of Pick Colors from an Image without changing locale.
Extract a Color Palette from an Image