Click anywhere on the image to select an exact color.
HEX#1685F8
RGBrgb(22, 133, 248)
HSLhsl(211, 94%, 53%)
Click any pixel to get its HEX, RGB and HSL values, then copy a ready-made image palette.
Upload a photo, logo, screenshot or graphic and click any point to identify its exact color. The tool displays HEX, RGB and HSL values and also builds an eight-color palette from prominent colors in the image. Every code can be copied for use in CSS, Canva, Photoshop, video graphics or another design workflow.
HEX is a compact color code commonly used in websites and CSS, such as #1685F8. RGB describes the amount of red, green and blue in a color. HSL describes hue, saturation and lightness, which can be convenient when creating lighter, darker or less saturated variations. All three values describe a screen color in different ways.
A palette helps maintain visual consistency across a website, thumbnail series, social campaign or brand. You can sample a logo color for a button, match text to a product photograph, or find complementary tones for a design. The generated palette is an estimate based on sampled pixels, so you can still click the image when you need an exact point. Add a selected brand color to an image with the Watermark Maker.
Photos often contain gradients, shadows and compression artifacts. Click the precise pixel or try a nearby area.
The browser samples and groups similar pixels, then displays several frequent, visually distinct colors.
No. Color analysis happens locally on your device.