Pick red at the top left
Input and settings
Synthetic 2×1 PNG / Red left, blue right / X=0, Y=0
Expected result
#FF0000 / rgb(255, 0, 0) / hsl(0, 100%, 50%)
Image Color Picker & Palette
Pick colors from an image and copy HEX, RGB, HSL, or a palette of CSS variables.
How to use
- Choose an image to inspect.
- Click the image or enter pixel coordinates to select a color.
- Review and copy the displayed color value.
Choose images
You can also copy an image and paste it onto this page.
You can also drag and drop files here.
Files are processed in this browser. File contents and names are never uploaded or saved in browser storage.
Advanced settings
Result
Share this tool
Share only the tool name and public URL. Your input and results are not included.
About this tool
Colors use the browser’s sRGB rendering, not calibrated print proofing. The palette is an approximation sampled from a reduced image.
Images are capped at 134.2 MB and 128 megapixels. Processing uses resized previews or sequential jobs where appropriate. Original-pixel color sampling also checks a decode-memory estimate and reports when it cannot proceed.
A sampled pixel and the image palette answer different questions
A solid red image returns #FF0000 wherever you sample it, and red dominates the palette. On a red-to-blue gradient, the sampled value changes with position while the palette groups representative colors from the whole image.
- A translucent pixel’s stored RGBA value can differ from its appearance over the preview background.
- Color profiles and display calibration are outside the tool, so the values are not a guarantee of printed color.
Try a use case and check the result
Check image coordinates against two known red/blue pixels.
Example buttons replace the inputs and settings above and calculate. Restore previous input steps back one example at a time. After trying multiple examples, repeat restore to return to your original input. This history is lost when the page closes.
Pick blue one pixel to the right
Input and settings
Same 2×1 PNG / X=1, Y=0. Coordinates start at zero.
Expected result
#0000FF / rgb(0, 0, 255) / hsl(240, 100%, 50%)
How to read the result
Coordinates refer to the original image, with (0,0) at the top left, independently of preview zoom. HEX/RGB/HSL describe browser-decoded RGB, not alpha or raw ICC values. Recent picks and the dominant palette are separate lists.
Scope and limits
One JPEG/PNG/WebP, up to 128 MiB, 128 megapixels and 32,768 px per edge; memory constraints may require smaller files. Color management/transparency decoding can change values. Restore includes the original file, coordinate inputs, actual pick, recent colors and palette; run again for output.
Independently check red/blue HEX, RGB and HSL from known RGBA. Verify original file bytes, unsubmitted coordinate edits, pick history and palette restoration.
Continue with the next task
Frequently asked questions
Will this change the original files?
No. Results are saved as new files; the originals are unchanged.
Are my files uploaded?
Processing takes place in your browser. Closing the page discards your work.
Does the picked color provide calibrated print proofing?
Values follow the browser’s sRGB rendering and do not guarantee calibrated print proofing. The representative palette is sampled from a reduced image.
Related tools
Inputs and storage
Keep any content you need before clearing. This tool does not autosave inputs or results. Reloading or closing the page, clearing inputs or resetting may discard your work.
Favorites and language preferences are stored separately and may be lost when site data is cleared. Tool resets and site-data deletion do not delete files already downloaded to your device.