Extract colors from images by clicking anywhere on the image. Get colors in HEX, RGB, HSL formats. Build a color palette from your images.
Drop an image here or click to browse
Tool Notes is a Supporter feature.
Drag and drop an image or click to browse for a file.
Click anywhere on the image to pick the color at that point. Watch the magnifier for precision.
Click the copy button next to any color format to copy it to clipboard.
When you upload an image, it's drawn to a hidden Canvas element to access pixel data.
On click, getImageData() retrieves the RGB values of the pixel at the cursor position.
The RGB values are converted to HEX, HSL, and CMYK using standard color space formulas.
Each picked color is added to an array, creating your custom palette from the image.
Upload an image and click anywhere on it. The color at that point will be extracted and displayed in multiple formats.